【JS基礎】如何建立對象

本文參考:《JavaScript高級程序設計(第三版)》函數

建立自定義類型的最多見方式,就是組合使用構造函數模式與原型模式。ui

構造函數模式用於定義實例屬性,而原型模式用於定義方法和共享的屬性。this

結果,每一個實例都會有本身的一份實例屬性的副本,但同時又共享着對 方法 的引用。spa

實例

function Person(name, age, job) {
  this.name = name;
  this.age = age;
  this.job = job;
  this.friends = ["Shelby", "Court"];
}

Person.prototype = {
  constructor : Person,
  sayName : function(){
    alert(this.name);
  }
};

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

person1.friends.push("Van");
console.log(person1.friends, person2.friends); // [ 'Shelby', 'Court', 'Van' ] [ 'Shelby', 'Court' ]
console.log(person1.friends === person2.friends); // false
console.log(person1.sayName === person2.sayName); // true,都是同一個內存地址,指向 prototype對象。
複製代碼

關於constructor

實例會自動生成 constructor 屬性,指向它們的構造函數prototype

console.log(person1.constructor === Person);  // true
console.log(person2.constructor === Person);  // true
複製代碼

關於instanceof

JS提供 instanceof 運算符,驗證原型對象和實例對象的關係設計

console.log(person1 instanceof Person);  // true
console.log(person2 instanceof Person);  // true
複製代碼

優勢

  • 節省內存
  • 支持向構造函數傳遞參數
相關文章
相關標籤/搜索