JS设计模式之原型模式

介绍

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

正文

原型模式的实现可以通过三种方式来实现：E5提出的Object.create、深浅拷贝以及prototype属性。

Object.create实现

var someCar = {
    drive: function () { },
    name: '马自达'
};

// 使用Object.create创建一个新车
var anotherCar = Object.create(someCar);
anotherCar.name = '丰田佳美';

这里只是简单来说明原型模式，关于Object.create复杂的部分在第二个参数上，具体详见自己的一篇博客：http://blog.csdn.net/xu_ya_fei/article/details/51626159

深浅拷贝见自己的一篇博客：
http://blog.csdn.net/xu_ya_fei/article/details/51627319

利用prototype属性实现

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里的使用无处不在，要注意的依然是浅拷贝和深拷贝的问题，免得出现引用问题。