如何創建對象-js教程-PHP中文網

如何創建對象

高洛峰

發布： 2016-10-29 13:44:55

原創

1154 人瀏覽過

1.使用Object建立對象

var person = new Object();
person.name = "Nicholas";
person.age = "29";
person.job = "Software Engineer";

person.sayName = function(){
    alert(this.name);
};

//对象字面量写法
var person = {
    name: "Nicholas",
    age: "29",
    job: "Software Engineer",
    
    sayName: function(){
        alert(this.name);
    }
};

登入後複製

缺點：使用同一個介面建立很對對象，會產生大量的重複程式碼。

2.工廠模式

function createPerson (name, age , job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
         alert(this.name);
    };
    return o;
}

var person1 = createPerson("Nicholas", "29", "Software Engineer");
var person2 = createPerson("Greg", "27", "Doctor");

登入後複製

缺點：無法辨識物件的類型。

3.建構函式模式

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        alert(this.name);
    };
}
//构造函数使用new操作符来调用
var person1 = new Person("Nicholas", "29", "Software Engineer");
var person2 = new Person("Greg", "27", "Doctor");

登入後複製

缺點：每個方法都要在實例上重新建立一遍

//不同实例上的同名函数是不相等的
alert(person1.sayName == person2.sayName);        //false

//可以把函数定义转移到构造函数外来解决这个问题
function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;    
　  this.sayName = sayName;
}
function sayName() {
    alert(this.name);
}

登入後複製

4.原型模式

我們建立的每個函數都有一個prototype（原型）屬性，這個屬性是一個指針，指向一個對象，這個對象的用途是包含可以有特定類型的所有實例共享的屬性和方法。

function Person() {
}
Person.prototype.name = "Nicholas";
Person.prototype.age = "29";
Person.prototype.job = "Software Engineer";
Person.prptptype.sayName = function(){
    alert(this.name);
};

var person1 = new Person();
person1.sayName();        //"Nicholas"

var person2 = new Person();
person2.sayName();        //"Nicholas"

alert(person1.sayName == person2.sayName);        //true

登入後複製

//更简单的原型语法
function Person() {
}
Person.prototype = {
    constructor : Person,        //以对象字面量形式创建新对象，constructor不再指向Person，在此特意设置为Person
    name : "Nicholas",
    age : "29",
    job : "Software Engineer",
    sayName : function () {
        alert(this.name);
    }
};

登入後複製

原型和實例透過prototype和constructor屬性相互關聯

程式碼讀取某個物件的屬性時，是先檢索實例，在檢索實例的原型，所以實例的屬性會覆寫原型的屬。

重新原型物件會切斷原型與實例的聯繫，而修改原型物件不會。

缺點：實例無法擁有自己的屬性

5.組合使用建構子模式和原型模型

//构造函数模式用于定义实例属性
function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.friend = ["Shelby", "Court"];
}

//原型模式用于定义方法和共享属性
Person.prototype = {
    constructor : Person;
    sayName : function() {
        alert(this.name);
    }
}

登入後複製

6.動態原型模式，寄生建構子模式，穩健建構子模式