设计模式——原型模式【结构型模式】（诸葛韩信总结版）

一、前言

JavaScript是面向对象的语言。而每一个对象都有自己的深层次属性，全部都可以用__proto__捕获到（在chrome浏览器和Firefox浏览器查看，有的浏览器没有支持该属性）。该属性在ES标准定义中的名字应该是[[Prototype]]。

比如空对象{}就具有自个的__proto__。如下：

var emptyObj = {};
emptyObj 

控制台上打印的结果如下

可以看出，空对象也是有一个constructor。还有一些对象特有的方法，toString、valueOf、hasOwnproperty等。
这里说一下，函数是具有具体的“prototype”属性，函数也是一个对象，那么函数也是有“proto”属性。函数的prototype如下：

二、原型链具体实现方式

形成原型链具体实现的方式有比较多，首先，我们用比较传统的prototype方法
方法一：直接利用prototype

var peoplePrototype= {
    init: function (colorModel) {
        this.color= colorModel || "黄种人";
    },
    getColor: function () {
        console.log('人的颜色是：' + this.color);
    }

};

function people(model) {
    function F() { };
    F.prototype = peoplePrototype; 
    var f = new F();
    f.init(model);
    return f;
}
var yellowHuman = people('黄种人');
yellowHuman .getColor();  // 人的颜色是：黄种人

方法二：利用ES5中的API：Object.create(proto[, propertiesObject])

proto 新创建对象的原型对象。 propertiesObject 可选。如果没有指定为
undefined，则是要添加到新创建对象的不可枚举（默认）属性（即其自身定义的属性，而不是其原型链上的枚举属性）对象的属性描述符以及相应的属性名称。这些属性对应Object.defineProperties()的第二个参数。

var people= {
	 init: function (locationSet) {
        this.localtion= locationSet|| "中国";
    },
    getColor: function () {
        console.log('人的颜色是：' + this.model);
    }
};

var yellowHuman = Object.create(people, {
    'color': {
        value: '黄种人',
        enumerable: true
    }
});

我们一直来，运用prototype方式还是挺多的，这是比较简单的继承方式。