JS——Prototype模式

"四人组"称Prototype模式为一种基于现有对象模板，通过克隆方式创建对象的模式。

我们可以认为Prototype模式是基于原型继承的模式，可以在其中创建对象，作为其他对象的原型。prototype对象本身实际上是用构造函数创建每个对象的蓝图。如果所有构造函数的原型包含一个名为name的属性，那么由同样的构造函数创建的每个对象也会有同样的属性。

模式图：

注：仅是创建现有功能对象的拷贝。

使用prototype模式的其中一个好处是，我们获得的是JS其本身所具有的原型优势，而不是试图模仿其他语言的特性。

S5 那些有趣的、真正的原型继承要求使用Object.create。Object.create创建一个对象，拥有指定对象和可选的属性。下面是示例：

var myCar = {name: "Ford Escort",drive: function() {console.log("driving");},panic: function() {console.log("panic");}};var yourCar = Object.create(myCar);//输出：Ford Escortconsole.log(yourCar.name);

和现实中的各种原型的作用差不多

Object.create还允许我们轻松实现差异继承等高级概念，通过差异继承，对象可以直接继承自其他对象。Object.create允许我们使用第二个提供的参数来初始化对象属性。例如：

var myCar = {name: "Ford Escort",drive: function() {console.log("driving");},panic: function() {console.log("panic");}};var yourCar = Object.create(myCar, {"id": {value : 1111,enumerable : true}});//输出：Ford Escortconsole.log(yourCar.name);//输出：1111console.log(yourCar.id);

如果希望在不直接使用Object.create的情况下实现Prototype模式，可以用如下实现：

var vehiclePrototype = {   //一层init: function(carModel) {this.model = carModel;},getModel: function() {console.log("The model of this vechicle is.." + this.model);}};function vehicle(model) { //二层function F() {};F.prototype = vehiclePrototype;var f = new F();f.init(model);return f;}var car = vehicle("Ford Escort");car.getModel();

最后一个可供选择的Prototype模式实现可以是这样的：

var beget = (function() {  //用了Model模式function F() {}return function(proto) {F.prototype = proto;return new F();};})();

我们可以从vehicle函数引出这个方法。请注意，这里的vehicle模仿了一个构造函数，因为Prototype模式不包含任何初始化的概念，而不仅是将对象链接至原型。

摘录于：《Javascript设计模式》