Javascript 建立對象方法的總結

  最近看了一下《Javascript高級程序設計(第三版)》,這本書不少人都推薦,我也再次鄭重推薦一下。看過以後總得總結一下吧,因而我選了這麼一個主題分享給你們。編程

  使用Javascript建立對象的方法有不少,如今就來列舉一下:函數

  1. 使用Object構造函數來建立一個對象,下面代碼建立了一個person對象,並用兩種方式打印出了Name的屬性值。this

    var person = new Object();
    person.name="kevin";
    person.age=31;
    alert(person.name);
    alert(person["name"])

  2. 使用對象字面量建立一個對象;不要奇怪person["5"],這裏是合法的;另外使用這種加括號的方式字段之間是能夠有空格的如person["my age"].spa

    var person = 
    {
        name:"Kevin",
        age:31,
        5:"Test"
    };
    alert(person.name);
    alert(person["5"]);

  3. 使用工廠模式建立對象,返回帶有屬性和方法的person對象。prototype

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這個方法,它的每一個實例都是指向不一樣的函數實例,而不是同一個。設計

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();

  5. 使用原型模式建立對象;解決了方法4中提到的缺陷,使不一樣的對象的函數(如sayFriends)指向了同一個函數。但它自己也有缺陷,就是實例共享了引用類型friends,從下面的代碼執行結果能夠看到,兩個實例的friends的值是同樣的,這可能不是咱們所指望的。code

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

  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. 動態原型模式;這個模式的好處在於看起來更像傳統的面向對象編程,具備更好的封裝性,由於在構造函數裏完成了對原型建立。這也是一個推薦的建立對象的方法。blog

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();

另外還有兩個建立對象的方法,寄生構造函數模式和穩妥構造函數模式。因爲這兩個函數不是特別經常使用,這裏就不給出具體代碼了。ip

寫了這麼多建立對象的方法,其實真正推薦用的也就是方法6和方法7。固然在真正開發中要根據實際須要進行選擇,也許建立的對象根本不須要方法,也就不必必定要選擇它們了。

相關文章
相關標籤/搜索