javascript原型和原型鏈有什么特點(diǎn)

　　javascript中的原型鏈

　　要弄清楚原型鏈就要先弄清楚 function 類型，在javascript中沒有類的概念，都是函數(shù)，所以它是一門函數(shù)式的編程語言。類有一個(gè)很重要的特性，就是它可以根據(jù)它的構(gòu)造函數(shù)來創(chuàng)建以它為模板的對(duì)象。在javascript中，函數(shù)就有2個(gè)功能

　　第一、 作為一般函數(shù)調(diào)用

　　第二、 作為它原型對(duì)象的構(gòu)造函數(shù) 也就new（）

　　我們來看一個(gè)例子

　?。踛avascript］ view plain copyfunction a（）{

　　this.name = ‘a(chǎn)’;

　　}

　　當(dāng)創(chuàng)建一個(gè)函數(shù)，它會(huì)發(fā)生什么呢？

　　第一、它會(huì)創(chuàng)建1個(gè)函數(shù)對(duì)象 也就是a 本身

　　第二、它會(huì)創(chuàng)建1個(gè)原型對(duì)象@a（用@來表示）

　　第三、函數(shù)對(duì)象會(huì)有一個(gè)prototype指針，它指向了對(duì)應(yīng)的原型對(duì)象，這里就指向了@a

　　第四、@a對(duì)象中有一個(gè)construtor指針，指向它的構(gòu)造函數(shù)，這里就指向了a

　　這個(gè)prototype屬性究竟有什么用呢？

　　其實(shí)prototype 屬性表示當(dāng)前函數(shù)能夠控制的范圍（或者說它指明了當(dāng)前函數(shù)是誰的構(gòu)造函數(shù)），這里a就是@a原型對(duì)象的構(gòu)造函數(shù)，所以我們會(huì)看見有這種寫法

　　［javascript］ view plain copyfunction a（）{

　　this.name = ‘a(chǎn)’;

　　}

　　var a1 = new a（）;

　　這就和其他常見語言相似了，new 就是調(diào)用原型對(duì)象（通過prototype指針）里面構(gòu)造函數(shù)（constructor）創(chuàng)建一個(gè)新的對(duì)象實(shí)例。

　　那么修改了prototype指向?qū)ο罄锩娴膶傩?，也就影響了所有以它為模板?chuàng)建的實(shí)例，我們可以這樣來驗(yàn)證

　?。踛avascript］ view plain copyfunction a（）{

　　this.name = ‘a(chǎn)’;

　　}

　　var a1 = new a（）;

　　a.prototype.age = 1;

　　alert（a1.age）;

　　結(jié)果：1

　　那為什么a1對(duì)象可以直接訪問到age屬性呢？a1對(duì)象里面我并沒有定義age屬性啊，

　　那是因?yàn)樗袑?shí)例里面都會(huì)有一個(gè)引用_proto_（在firfox，chrome下可以直接訪問，ie不支持）指向了這個(gè)原型，這里就是指向了@a，

　?。踛avascript］ view plain copyfunction a（）{

　　this.name = ‘a(chǎn)’;

　　}

　　var a1 = new a（）;

　　alert（a1._proto_ == a.prototype）

　　結(jié)果：true

　　在訪問屬性的時(shí)候，會(huì)先在a1對(duì)象內(nèi)部中尋找，如果沒有，就會(huì)順著_proto_指向的對(duì)象里面去尋找，這里會(huì)到@a中尋找，找到就返回值，沒有找到就返回undefined，用個(gè)成語來形容，就是順藤摸瓜嘛！

　　至此原型鏈的含義就出來了，由于原型對(duì)象也有一個(gè)_proto_指針，又指向了另一個(gè)原型，一個(gè)接一個(gè)，就形成了原型鏈。Object.prototype是最頂層的原型，所以如果修改了Object.prototype的屬性，那么就影響了所有的對(duì)象。

　　在來看一段代碼

　?。踛avascript］ view plain copyfunction a（）{

　　this.name = ‘a(chǎn)’;

　　}

　　function b（）{

　　this.age = 1;

　　}

　　b.prototype = new a（）;

　　alert（new b（）.name）;

　　我們顯示的將b的原型指向了a的一個(gè)實(shí)例，然后，b的實(shí)例也可以訪問a的屬性了。這就是javascript的繼承了，那為什么b.prototype 指向的是a的一個(gè)實(shí)例，而不是直接指向a.prototype 呢？

　?。踛avascript］ view plain copyb.prototype = new a.prototype；

　　如果像上面這么寫，修改p.prototype中的屬性，那么a的原型也會(huì)改變了，相當(dāng)于是子類修改了父類，并且子類和父類的屬性糅合在了一起，這顯然是不合適的。換句話說，b也成為了@a的構(gòu)造函數(shù)，a，b成了平級(jí)的關(guān)系。

　　我們可以下一個(gè)定義：

　　函數(shù)a 繼承函數(shù)b 也就是讓函數(shù)a成為函數(shù)b原型的一個(gè)實(shí)例的構(gòu)造函數(shù)，構(gòu)造函數(shù)里面聲明的屬性是函數(shù)a自己的，原型實(shí)例里面的屬性就是繼承b的

　?。踛avascript］ view plain copyvar $ = jQuery = function（selector，context）{

　　//不可能在自己的構(gòu)造函數(shù)中又一次構(gòu)造自己，所以返回了另外一個(gè)構(gòu)造函數(shù)的實(shí)例

　　return new init（selector，context）;

　　}

　　jQuery.fn = jQuery.prototype = {

　　size:function（）{

　　return this.length;

　　}

　　}

　　function init （selector，context）{

　　}

　　init.prototype = jQuery.fn;;

　　}

　　這是jquery的一段源碼，我們?cè)谑褂胘query的時(shí)候，并沒有使用new關(guān)鍵字，那它是如何構(gòu)造對(duì)象的呢？

　　用上面的知識(shí)，可以解釋，jquery這里只是一個(gè)一般函數(shù)的調(diào)用，它返回了jquery原型的另外一個(gè)構(gòu)造函數(shù)創(chuàng)建的對(duì)象，也就是new init（）