對象是什麼
從JavaScript定義上講對象是無序屬性的集合,其屬性可以包含基本值、對象或函數。也就是說對象是一組沒有特定順序的屬性,每個屬性會映射到一個值上,是一組鍵值對,值可以是數據或對象。
最簡單的對象
JavaScript的一對花括號{}就可以定義一個對象,這樣的寫法實際上和調用Object的構造函數一樣
復制代碼 代碼如下:
var obj={};
var obj2=new Object();
這樣構建出來的對象僅僅包含一個指向Object的prototype的指針,可以使用一些valueOf、hasQwnProperty等方法,沒有多大實際作用,自定義對象嘛總要有一些自定義的屬性、方法神馬的。
復制代碼 代碼如下:
var obj={};
obj.a=0;
obj.fn=function(){
alert(this);
}
var obj2={
a:0,
fn:function(){
alert(this);
}
}
可以在定義完對象後通過”.”為其添加屬性和方法,也可以使用字面量賦值方法在定義對象的時候為其添加屬性和方法,這樣創建的對象,其方法和屬性可以直接使用對象引用,類似於類的靜態變量和靜態函數,這樣創建對象有一個明顯缺陷——在定義大量對象的時候很費力,要一遍遍的寫幾乎是重復的代碼。
抽象一下
既然是重復代碼就可以抽象出來,用函數來做這些重復工作,在創建對象的時候調用一個專門創建對象的方法,對於不同的屬性值只需要傳入不同參數即可。
復制代碼 代碼如下:
function createObj(a,fn){
var obj={};
obj.a=a;
obj.fn=fn;
return obj;
}
var obj=createObj(2,function(){
alert(this.a);
});
這樣在創建大量對象的時候,就可以通過調用此方法來做一些重復工作了,這種方式也不完美,因為在很多時候需要判斷對象的類型,上面代碼創建出來的對象都是最原始的Object對象實例,只是拓展了一些屬性和方法。
有型一些
又是function登場的時候,JavaScript中function就是個對象,在創建對象的時候打可以拋開上面createObj方法,直接使用function作為對象,怎麼實現復用呢,這就在於function作為對象的特殊性了。
1. function可以接受參數,可以根據參數來創建相同類型不同值的對象
2. function作為構造函數(通過new操作符調用)的時候會返回一個對象,在貧下中農版jQuery中提到過一些構造函數的基本知識,簡單復制一下
構造函數的返回值分為兩種情況,當function沒有return語句或者return回一個基本類型(bool,int,string,undefined,null)的時候,返回new 創建的一個匿名對象,該對象即為函數實例;如果function體內return一個引用類型對象(Array,Function,Object等)時,該對象會覆蓋new創建的匿名對象作為返回值。
3. 那麼使用function怎麼解決類型識別問題呢,每個function實例對象都會有一個constructor屬性(也不是“有”,而是可以對應),這個屬性就可以指示其構造是誰,也可以使用instanceof 操作符來做判斷對象是否為XXX的實例。
不能光說不練,上代碼
復制代碼 代碼如下:
function Person(name){
this.name=name;
this.fn=function(){
alert(this.name);
}
}
var person1=new Person('Byron');
console.log(person1.constructor==Person);//true
console.log(person1 instanceof Person); //true
這樣就完美了吧,也不是!雖然構造函數可以是對象有型,但對象的每個實例中的方法都要重復一遍!
復制代碼 代碼如下:
function Person(name){
this.name=name;
this.fn=function(){
alert(this.name);
}
}
var person1=new Person('Byron');
var person2=new Person('Frank');
console.log(person1.fn==person2.fn);//false
看看看,雖然兩個實例的fn一模一樣,但是卻不是一回事兒,這如果一個function對象有一千個方法,那麼它的每個實例都要包含這些方法的copy,很讓內存無語啊。
不玩兒虛的了
究竟有沒有一種近乎完美的構造對象的方式,及不用做重復工作,又有型,對象通用方法又不必重復?其實可以發現使用function已經距離要求和接近了,只差那麼一點兒——需要一個所有function對象的實例共享的容器,在這個容器內存發實例需要共享的屬性和方法,正好這個容器是現成的——prototype,不了解prototype的同學可以看看JavaScript prototype
復制代碼 代碼如下:
function Person(name){
this.name=name;
}
Person.prototype.share=[];
Person.prototype.printName=function(){
alert(this.name);
}
var person1=new Person('Byron');
var person2=new Person('Frank');
console.log(person1.printName==person2.printName);//true
這樣每個Person的實例都有自己的屬性name,又有所有實例共享的屬性share和方法printName,基本問題都解決了,對於一般的對象處理就可以始終這個有型又有愛的創建對象模式了。