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 Escort
		console.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 Escort
		console.log(yourCar.name);
		//输出：1111
		console.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设计模式》