深刻理解JavaScript系列（42）：设计模式之原型模式

介绍

原型模式（prototype）是指用原型实例指向建立对象的种类，而且经过拷贝这些原型建立新的对象。

正文

对于原型模式，咱们能够利用JavaScript特有的原型继承特性去建立对象的方式，也就是建立的一个对象做为另一个对象的prototype属性值。原型对象自己就是有效地利用了每一个构造器建立的对象，例如，若是一个构造函数的原型包含了一个name属性（见后面的例子），那经过这个构造函数建立的对象都会有这个属性。

在现有的文献里查看原型模式的定义，没有针对JavaScript的，你可能发现不少讲解的都是关于类的，可是现实状况是基于原型继承的JavaScript彻底避免了类（class）的概念。咱们只是简单从现有的对象进行拷贝来建立对象。

真正的原型继承是做为最新版的ECMAScript5标准提出的，使用Object.create方法来建立这样的对象，该方法建立指定的对象，其对象的prototype有指定的对象（也就是该方法传进的第一个参数对象），也能够包含其余可选的指定属性。例如Object.create(prototype, optionalDescriptorObjects)，下面的例子里也能够看到这个用法：

// 由于不是构造函数，因此不用大写
var someCar = {
    drive: function () { },
    name: '马自达 3'
};

// 使用Object.create建立一个新车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的，就很少说了，这里你们要注意的依然是浅拷贝和深拷贝的问题，省得出现引用问题。