介紹

原型模式（prototype）是指用原型實例指向創(chuàng)建對象的種類，并且通過拷貝這些原型創(chuàng)建新的對象。

正文

對于原型模式，我們可以利用 JavaScript 特有的原型繼承特性去創(chuàng)建對象的方式，也就是創(chuàng)建的一個對象作為另外一個對象的 prototype 屬性值。原型對象本身就是有效地利用了每個構造器創(chuàng)建的對象，例如，如果一個構造函數的原型包含了一個 name 屬性（見后面的例子），那通過這個構造函數創(chuàng)建的對象都會有這個屬性。

在現有的文獻里查看原型模式的定義，沒有針對 JavaScript 的，你可能發(fā)現很多講解的都是關于類的，但是現實情況是基于原型繼承的 JavaScript 完全避免了類（class）的概念。我們只是簡單從現有的對象進行拷貝來創(chuàng)建對象。

真正的原型繼承是作為最新版的 ECMAScript5 標準提出的，使用 Object.create 方法來創(chuàng)建這樣的對象，該方法創(chuàng)建指定的對象，其對象的 prototype 有指定的對象（也就是該方法傳進的第一個參數對象），也可以包含其他可選的指定屬性。例如 Object.create(prototype, optionalDescriptorObjects)，下面的例子里也可以看到這個用法：

// 因為不是構造函數，所以不用大寫
var someCar = {
    drive: function () { },
    name: '馬自達 3'
};
// 使用Object.create創(chuàng)建一個新車x
var anotherCar = Object.create(someCar);
anotherCar.name = '豐田佳美';

Object.create 運行你直接從其它對象繼承過來，使用該方法的第二個參數，你可以初始化額外的其它屬性。例如：

var vehicle = {
    getModel: function () {
        console.log('車輛的模具是：' + this.model);
    }
};
var car = Object.create(vehicle, {
    'id': {
        value: MY_GLOBAL.nextId(),
        enumerable: true // 默認writable:false, configurable:false
 },
    'model': {
        value: '福特',
        enumerable: true
    }
});

這里，可以在 Object.create 的第二個參數里使用對象字面量傳入要初始化的額外屬性，其語法與 Object.defineProperties 或 Object.defineProperty 方法類型。它允許您設定屬性的特性，例如 enumerable，writable 或 configurable。

如果你希望自己去實現原型模式，而不直接使用 Object.create。你可以使用像下面這樣的代碼為上面的例子來實現：

var vehiclePrototype = {
    init: function (carModel) {
        this.model = carModel;
    },
    getModel: function () {
        console.log('車輛模具是：' + this.model);
    }
};
function vehicle(model) {
    function F() { };
    F.prototype = vehiclePrototype;
    var f = new F();
    f.init(model);
    return f;
}
var car = vehicle('福特Escort');
car.getModel();

總結

原型模式在 JavaScript 里的使用簡直是無處不在，其它很多模式有很多也是基于 prototype 的，就不多說了，這里大家要注意的依然是淺拷貝和深拷貝的問題，免得出現引用問題。