創建對象的幾種模式

• 工廠模式

/**
 * 工廠模式
 * 缺點：對象無法識別
 * @param name
 * @param age
 * @param msg
 */
function createPerson(name, age, msg) {
  var o = Object.create({});
  o.name = name;
  o.age = age;
  o.say = function () {
    console.log(msg);
  }

  return o;
}
var p1 = createPerson('小和尚', 18, '皈依佛，皈依法，皈依僧');
var p2 = createPerson('動情的小和尚', 18, '皈依佛，皈依法，皈依僧,皈依秀');
console.log(p1, p2) // Object {name: "小和尚", age: 18, say: function} Object {name: "動情的小和尚", age: 18, say: function}

• 構造函數模式

/**
 * 構造器模式（函數的第一個名字大寫，借鑒其他OO語言，為了與其他普通函數做區分，創建對象的時候通過new來創建）
 * 創建對象的4個步驟：
 * （1）創建一個新對象
 * （2）將構造函數的作用域賦給新對象
 * （3）執行構造函數中的代碼（為這個新對象添加屬性和方法）
 * （4）返回新對象
 * 缺點：每個方法都需要重新創建。
 * 優點：解決了工廠模式無法識別對象的問題
 * @param name
 * @param age
 * @param msg
 * @constructor
 */
function Person(name, age, msg) {
  this.name = name;
  this.age = age;
  this.say = function () {
    console.log(msg)
  }
}
var c1 = new Person('小和尚', 18, '皈依佛，皈依法，皈依僧');
var c2 = new Person('動情的小和尚', 18, '皈依佛，皈依法，皈依僧,皈依秀');
console.log(c1 instanceof Person) // true
console.log(c2 instanceof Person) // true
console.log(c1.say === c2.say)  // false

• 原型模式

我們創建的每一個函數，都有一個prototype屬性。這個屬性是一個指針，指向一個對象。這個對象為通過調用此構造函數創建的對象服務,這個對象就是原型對象。

• 通過原型模式創建的對象之間的關系。
  

• 讀取某個對象的屬性的執行過程。
  先從對象實例本身開始搜索，如果找到則返回。否則繼續搜索該對象的原型對象，找到則返回。

• 通過delete方法可以刪除實例的屬性。
  

• 實例

/**
 * 原型模式
 * 缺點：實例的屬性和方法是共享的
 * @param name
 * @param age
 * @constructor
 */
function Student() {}
Student.prototype.name = '小明';
Student.prototype.age = '18';
Student.prototype.say = function () {
  console.log(this.name)
}
var s1 = new Student();
var s2 = new Student();
console.log(s1.name, s2.name) // 小明 小明
console.log(s1.say === s2.say)  // true
// 為實例創建的屬性名如果和原型中的屬性名相同，則會會覆蓋原型中的屬性。
s1.name = '小白';
console.log(s1) //Student {name: "小白"}
console.log(s1.name, s2.name) // 小白 小明
delete s1.name;
console.log('delete: ', s1.name, s2.name) // delete:  小明 小明
// getPrototypeOf方法返回對象的[prototype]的值
console.log(Object.getPrototypeOf(s1))  // Object {name: "小明", age: "18", say: function, constructor: function}
console.log(Object.getPrototypeOf(s1) === Student.prototype)  // true
// hasOwnProperty方法可以判斷屬性是否是實例中的屬性
console.log(s1.hasOwnProperty('name'))  // true
console.log(s2.hasOwnProperty('name'))  // false
//返回可枚舉的屬性
console.log(Object.keys(s1))  // ["name"]
console.log(Object.keys(Student.prototype)) // ["name", "age", "say"]

• 構造函數和原型模式的組合

/**
 * 構造函數模式和原型模式的組合（構造函數中定義屬性，原型模式中定義方法和公用的屬性，工作中常用的模式）
 * @param name
 * @param author
 * @constructor
 */
function Book(name, author, msg) {
  this.name = name;
  this.author = author;
  this.msg = msg;
}
Book.prototype = {
  say: function () {
    console.log(this.msg)
  }
}
var b1 = new Book('悟空傳', '今何在', '生我何用？不能歡笑。滅我何用？不減狂驕。')
var b2 = new Book('劍來', '烽火戲諸侯', '走在泥瓶巷里的少年，好像想起了誰，一下子就淚流滿面了。')
console.log(b1.say(), b2.say()) // 生我何用？不能歡笑。滅我何用？不減狂驕。 走在泥瓶巷里的少年，好像想起了誰，一下子就淚流滿面了。
console.log(b1.say === b2.say)  // true(公用原型中的方法)

引用

javascript 高級程序設計第三版