JS 中原型和原型鏈深入理解
首先要搞明白幾個概念：
函數(shù)（function）
函數(shù)對象(function object)
本地對象(native object)
內(nèi)置對象(build-in object)
宿主對象(host object)
函數(shù)
function foo(){
}
var foo = function(){
}
前者為函數(shù)聲明涌矢，后者為函數(shù)表達式。typeof foo的結(jié)果都是function。
函數(shù)對象
函數(shù)就是對象,代表函數(shù)的對象就是函數(shù)對象
官方定義专执， 在Javascript中,每一個函數(shù)實際上都是一個函數(shù)對象.JavaScript代碼中定義函數(shù)践惑，或者調(diào)用Function創(chuàng)建函數(shù)時璃搜，最終都會以類似這樣的形式調(diào)用Function函數(shù):var newFun = new Function(funArgs, funBody)
其實也就是說最易，我們定義的函數(shù)羞海，語法上执隧，都稱為函數(shù)對象揩抡，看我們?nèi)绾稳ナ褂谩Ｈ绻覀儐渭兊陌阉?dāng)成一個函數(shù)使用镀琉，那么它就是函數(shù)峦嗤，如果我們通過他來實例化出對象來使用，那么它就可以當(dāng)成一個函數(shù)對象來使用屋摔，在面向?qū)ο蟮姆懂犂锩嫠干瑁瘮?shù)對象類似于類的概念。
var foo = new function(){
}
typeof foo // object
或者
function Foo (){
}
var foo = new Foo();
typeof foo // object
上面钓试，我們所建立的對象
本地對象
ECMA-262 把本地對象（native object）定義為“獨立于宿主環(huán)境的 ECMAScript 實現(xiàn)提供的對象”装黑。簡單來說，本地對象就是 ECMA-262 定義的類（引用類型）弓熏。它們包括：
Object,Function,Array,String,Boolean,Number
Date,RegExp,Error,EvalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError.
我們不能被他們起的名字是本地對象曹体，就把他們理解成對象（雖然是事實上，它就是一個對象硝烂，因為JS中萬物皆為對象）箕别，通過
typeof(Object)
typeof(Array)
typeof(Date)
typeof(RegExp)
typeof(Math)
返回的結(jié)果都是function
也就是說其實這些本地對象（類）是通過function建立起來的，
function Object（）{
}
function Array（）{
}
...
可以看出Object原本就是一個函數(shù)滞谢，通過new Object()之后實例化后串稀，創(chuàng)建對象。類似于JAVA中的類狮杨。
內(nèi)置對象
ECMA-262 把內(nèi)置對象（built-in object）定義為“由 ECMAScript 實現(xiàn)提供的母截、獨立于宿主環(huán)境的所有對象，在 ECMAScript 程序開始執(zhí)行時出現(xiàn)”橄教。這意味著開發(fā)者不必明確實例化內(nèi)置對象清寇，它已被實例化了。ECMA-262 只定義了兩個內(nèi)置對象护蝶，即 Global 和 Math （它們也是本地對象华烟，根據(jù)定義，每個內(nèi)置對象都是本地對象）持灰。
理清楚了這幾個概念盔夜，有助于理解我們下面要講述的原型和原型鏈。
prototype
prototype屬性是每一個函數(shù)都具有的屬性，但是不是一個對象都具有的屬性喂链。比如
function Foo(){
}
var foo = new Foo()返十；
其中Foo中有prototype屬性，而foo沒有椭微。但是foo中的隱含的proto屬性指向Foo.prototype洞坑。
foo.proto === Foo.prototype
為什么會存在prototype屬性？
Javascript里面所有的數(shù)據(jù)類型都是對象蝇率，為了使JavaScript實現(xiàn)面向?qū)ο蟮乃枷氤僭樱捅仨氁軌驅(qū)崿F(xiàn)‘繼承’使所有的對象連接起來。而如何實現(xiàn)繼承呢瓢剿？JavaScript采用了類似C++逢慌，java的方式，通過new的方式來實現(xiàn)實例间狂。
舉個例子攻泼，child1,child2都是Mother的孩子，且是雙胞胎鉴象。（雖然不是很好忙菠，但是還是很能說明問題的）
function Mother(name){
this.name = name; this.father = 'baba';}
var child1 = new Mother('huahua');
var child2 = new Mother('huihui');
如果有一天，發(fā)現(xiàn)孩子的父親其實是Baba纺弊，那么就要對孩子每一個孩子的father屬性牛欢。
child1.father ='Baba';
console.log(child2.father) // baba
也就是說修改了其中一個孩子的father屬性不會影響到下一個，屬性的值無法共享淆游。
正是這個原因才提出來prototype屬性傍睹，把需要共享的屬性放到構(gòu)造函數(shù)也就是父類的實例中去。
__proto__
proto屬性是每一個對象以及函數(shù)都隱含的一個屬性犹菱。對于每一個含有proto屬性拾稳，他所指向的是創(chuàng)建他的構(gòu)造函數(shù)的prototype。原型鏈就是通過這個屬性構(gòu)件的腊脱。
想像一下访得，如果一個函數(shù)對象（也成為構(gòu)造函數(shù)）a的prototype是另一個函數(shù)對象b構(gòu)件出的實例，a的實例就可以通過proto與b的原型鏈起來陕凹。而b的原型其實就是Object的實例悍抑，所以a的實例對象，就可以通過原型鏈和object的prototype鏈接起來杜耙。
function a(){
}
function b(){
}
var b1 = new b();
a.prototype = b1;
var a1 = new a();
console.log(a1.proto===b1);//true
console.log(a1.proto.proto===b.prototype) //true
console.log(a1.proto.proto.proto===Object.prototype) //true
如果要理清原型和原型鏈的關(guān)系搜骡，首先要明確一下幾個概念：
1.JS中的所有東西都是對象，函數(shù)也是對象, 而且是一種特殊的對象
2.JS中所有的東西都由Object衍生而來, 即所有東西原型鏈的終點指向Object.prototype
3.JS對象都有一個隱藏的proto屬性泥技，他指向創(chuàng)建它的構(gòu)造函數(shù)的原型浆兰，但是有一個例外磕仅，Object.prototype.proto指向的是null珊豹。
4.JS中構(gòu)造函數(shù)和實例(對象)之間的微妙關(guān)系
構(gòu)造函數(shù)通過定義prototype來約定其實例的規(guī)格, 再通過 new 來構(gòu)造出實例,他們的作用就是生產(chǎn)對象.
function Foo(){
}
var foo = new Foo();
foo其實是通過Foo.prototype來生成實例的簸呈。
構(gòu)造函數(shù)本身又是方法(Function)的實例, 因此也可以查到它的proto(原型鏈)
function Foo(){
}
等價于
var Foo= new Function（）；
而Function實際上是
function Function(){
Native Code}
也就是等價于
var Function= new Function()店茶；
所以說Function是通過自己創(chuàng)建出來的蜕便。正常情況下對象的proto是指向創(chuàng)建它的構(gòu)造函數(shù)的prototype的.所以Function的proto指向的Function.prototype
Object 實際上也是通過Function創(chuàng)建出來的
typeof(Object)//function
所以，
function Object(){
Native Code}
等價于
var Object = new Function();
那么Object的proto指向的是Function.prototype贩幻，也即是
Object.proto === Function.prototype //true
下面再來看Function.prototype的proto指向哪里
因為JS中所有的東西都是對象轿腺，那么，F(xiàn)unction.prototype 也是對象丛楚，既然是對象族壳，那么Function.prototype肯定是通過Object創(chuàng)建出來的，所以趣些，
Function.prototype.proto === Object.prototype //true
綜上所述仿荆，F(xiàn)unction和Object的原型以及原型鏈的關(guān)系可以歸納為下圖。
對于單個的對象實例坏平，如果通過Object創(chuàng)建拢操，
var obj = new Object();
那么它的原型和原型鏈的關(guān)系如下圖。
如果通過函數(shù)對象來創(chuàng)建舶替，
function Foo(){
}
var foo = new Foo();
那么它的原型和原型鏈的關(guān)系如下圖
那JavaScript的整體的原型和原型鏈中的關(guān)系就很清晰了令境，如下圖所示
