javascript 中常見的創建對象的幾種方式:
?1.?使用Object構造函數創建;
使用Object構造函數來創建一個對象,下面代碼創建了一個person對象,并用兩種方式打印出了Name的屬性值。
var person = new Object(); person.name="kevin"; person.age=31; alert(person.name); alert(person["name"])
2. 使用對象字面量創建一個對象;
var person ={name:"Kevin",age:31,5:"Test" }; alert(person.name); alert(person["5"]);
3. 使用工廠模式創建對象;
返回帶有屬性和方法的person對象。
function createPerson(name, age,job){var o = new Object();o.name=name;o.age=31;o.sayName=function(){alert(this.name);};return o; } createPerson("kevin",31,"se").sayName();
用函數來封裝以特定接口創建對象的細節,解決了創建多個相似對象的問題,但是沒有解決對象識別的問題(怎么知道一個對象的類型)。
4. 使用自定義構造函數模式創建對象;
這里注意命名規范,作為構造函數的函數首字母要大寫,以區別其它函數。這種方式有個缺陷是sayName這個方法,它的每個實例都是指向不同的函數實例,而不是同一個。構造函數模式,構造函數添加屬性和方法,使用的時候new一個自定義的對象
function Person(name,age,job) {this.name=name;this.age=age;this.job=job;this.sayName=function(){alert(this.name);}; }var person = new Person("kevin",31,"SE"); person.sayName();
new一個構造函數的內部操作步驟:
1)、創建一個新對象;
2)、將構造函數的作用域賦給新對象(因此this就指向了這個新對象);
3)、執行構造函數中的代碼;
4)、返回新對象。
使用構造函數創建的實例,都會有一個constructor屬性,指向構造函數。
創建自定義的構造函數意味著將來可以將它的實例標識為一種特定的類型。這正是勝過工廠模式的地方。
與普通函數的區別在于new調用,不用new來調用,與普通函數無差。
不使用new調用的時候,就相當于window調用了構造函數,屬性和方法都被添加到了window對象上去。
也可以這樣使用:(call就是為了改變上下文環境而生)
var o = new Object(); Person.call(o,"Dadaoshenyi",25,"Enginner"); o.sayName();//"Dadaoshenyi"
構造函數創建對象的問題:每個方法都要在實例上重寫一遍。由于函數也是對象,因此每次定義一個函數,也就實例化了一個對象。
5. 使用原型模式創建對象;
解決了方法4中提到的缺陷,使不同的對象的函數(如sayFriends)指向了同一個函數。
但它本身也有缺陷,就是實例共享了引用類型friends,從下面的代碼執行結果可以看到,兩個實例的friends的值是一樣的,這可能不是我們所期望的。原型模式,定義構造函數,構造函數原型上添加屬性和方法。?
function Person(){}Person.prototype = {constructor : Person,name:"kevin",age:31,job:"SE",friends:["Jams","Martin"],sayFriends:function(){alert(this.friends);} }; var person1 = new Person(); person1.friends.push("Joe"); person1.sayFriends();//Jams,Martin,Joe var person2 = new Person(); person2.sayFriends();//James,Martin,Joe
構造函數的原型||對象實例的內部指針([[Prototype(__proto__)]]指向Person.prototype)。
實例對象的內部指針指向構造函數的原型。
原型模式的優點:自定義的構造函數,可以讓所有的對象實例共享原型對象所包含的屬性和方法。原生的引用類型也是采用這種模式。
問題在于:1、省略了構造函數傳遞參數的步驟。2、所有實例共享方法和屬性,這樣,實例修改原來的屬性或者方法,將會在所有的實例上表現出來。被捆綁到了一起。只是一個引用,不是一個副本。
6. 組合使用原型模式和構造函數創建對象;
解決了方法5中提到的缺陷,而且這也是使用最廣泛、認同度最高的創建對象的方法。組合使用構造函數模式和原型模式,最常用的一種模式。?
function Person(name,age,job) {this.name=name;this.age=age;this.job=job;
this.friends=["Jams","Martin"]; } Person.prototype.sayFriends=function() {alert(this.friends); };
var person1 = new Person("kevin",31,"SE"); var person2 = new Person("Tom",30,"SE"); person1.friends.push("Joe"); person1.sayFriends();//Jams,Martin,Joe person2.sayFriends();//Jams,Martin
優點:使用構造函數來創建實例屬性,且可以修改設定的值。使用原型創建共享方法和共享的屬性。最大限度的節省了內存。
7. 動態原型模式;
這個模式的好處在于看起來更像傳統的面向對象編程,具有更好的封裝性,因為在構造函數里完成了對原型創建。這也是一個推薦的創建對象的方法。動態原型模式,將上面的對象原型方法||屬性的創建方法哦了構造函數里面完成。具有更好的封裝性。結果是一樣的。?
function Person(name,age,job) {//屬性this.name=name;this.age=age;this.job=job;this.friends=["Jams","Martin"];//方法if(typeof this.sayName != "function"){Person.prototype.sayName=function(){alert(this.name);};Person.prototype.sayFriends=function(){alert(this.friends);};} }var person = new Person("kevin",31,"SE"); person.sayName(); person.sayFriends();
另外還有兩個創建對象的方法,寄生構造函數模式和穩妥構造函數模式。由于這兩個函數不是特別常用,這里就不給出具體代碼了。
寫了這么多創建對象的方法,其實真正推薦用的也就是方法6和方法7。當然在真正開發中要根據實際需要進行選擇,也許創建的對象根本不需要方法,也就沒必要一定要選擇它們了。
?