白话文理解prototype

• 构造函数是这样的，也可以叫做Father的原型：（一般我们构造函数用首字母大写）

function Father(){
    this.firstName = 'zhang'
    this.hairColor = 'black'
    ／＊假想这里还有个prototype属性，
    ＊ prototype:{}
    ＊ 或者
    ＊ prototype:{
    ＊    houseColor = 'white'
    ＊ }
    ＊／
}

• prototype是javascript的构造函数的一个属性，这个属性有个对象，对象里包含很多的属性（key: value）或者方法(function(){})，可以理解默认是空的，啥玩意儿没有，这个prototype属性有自己的方法，而prototype这个属性是属于构造函数的默认属性，可以理解为prototype样子是这样的：

prototype:{
    a: 'a',
    b: 'b',
    function c(){
        console.log('123')
    }
}

• 在new实例化构造函数以后，就是创建了一个独立的实例化对象，以下代码是创建了son1 son2两个娃子，这时son1和son2就各自继承了 father构造函数的所有的属性firstName／hairColor，当然还有prototype的所有属性，此时new实例化的两个娃子都是独立的了。

var son1 ＝ new father()
var son2 ＝ new father()

• 有一天 son1 突然把头发染成了红色，那么此时son2的头发颜色还是black，因为son2是独立的，son1染发跟她没有关系

son1.hairColor ＝ ‘red’

son2.hairColor还是blcak，因为son2是独立的，son1染发跟她没有关系

• 那么突然有一天，他们搬家了，房子颜色houseColor变成了蓝色blue，怎么办呢，此时的情况是 father／son1／son2共有的房子houseColor变成了蓝色，那么只需要用prototype把父亲名下的房产变更为blue就可以了，因为prototype是father的，同时俩孩子都继承了prototype：

function Father(){
    this.firstName = 'zhang'
    this.hairColor = 'black'
    ／＊假想这里还有个prototype属性，
    ＊ prototype:{}
    ＊ 或者
    ＊ prototype:{
    ＊    houseColor = 'white'
    ＊ }
    ＊／
}
FATHER.prototype = { houseColor : 'blue' }

var son1 ＝ new father()
var son2 ＝ new father()

那么这个时候son1.houseColor 和 son2.houseColor 也都变成了 'blue'

引用另一篇文章的话：“实例对象一旦创建，将自动引用prototype对象的属性和方法。也就是说，实例对象的属性和方法，分成两种，一种是本地的，另一种是引用的。”

ps一句：构造函数可以理解为，是由“（基础数据类型中的／JavaScript中有内置(build-in)构造器）Function构造函数“实例化出来的函数对象，这句话如果能够理解，对于__proto__原型的理解有很大帮助，如果不能理解，直接跳过。

参考以下文章更好明白prototype以及历史原因，请拜读以下文档：

http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html Javascript继承机制的设计思想－阮一峰

http://blog.vjeux.com/2011/javascript/how-prototypal-inheritance-really-works.html － How Prototypal Inheritance really works

https://www.cnblogs.com/oneplace/p/5374347.html －__proto__详细说明

https://www.cnblogs.com/moqiutao/p/7371988.html － call apply bind