JavaScript中的原型和原型鏈?zhǔn)鞘裁?/h1>

發(fā)布時間：2021-11-27 17:36:18 來源：億速云 閱讀：108 作者：iii 欄目：開發(fā)技術(shù)

這篇文章主要介紹“JavaScript中的原型和原型鏈?zhǔn)鞘裁础?，在日常操作中，相信很多人在JavaScript中的原型和原型鏈?zhǔn)鞘裁磫栴}上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中的原型和原型鏈?zhǔn)鞘裁础钡囊苫笥兴鶐椭〗酉聛?，請跟著小編一起來學(xué)習(xí)吧！

原型鏈圖

var Parent = function(){ } //定義一個函數(shù)，那它只是一個普通的函數(shù) var p1 = new Parent(); //通過關(guān)鍵字new，Parent成為構(gòu)造函數(shù) //創(chuàng)建了一個Parent構(gòu)造函數(shù)的實例 p1

prototype是函數(shù)獨有的屬性，通過這個屬性就能訪問到原型；

prototype設(shè)計之初就是為了實現(xiàn)繼承，讓由特定函數(shù)創(chuàng)建的所有實例共享屬性和方法，也可以說是讓某一個構(gòu)造函數(shù)實例化的所有對象可以找到公共的方法和屬性。有了prototype我們不需要為每一個實例創(chuàng)建重復(fù)的屬性方法，而是將屬性方法創(chuàng)建在構(gòu)造函數(shù)的原型對象上（prototype）。那些不需要共享的才創(chuàng)建在構(gòu)造函數(shù)中。

Parent是構(gòu)造函數(shù)，Parent.prototype就是原型

p1.__proto__ === Parent.prototype; // true

__proto__通常稱為隱式原型，prototype通常稱為顯式原型，可以說一個對象的隱式原型指向了該對象的構(gòu)造函數(shù)的顯式原型。那么在顯式原型上定義的屬性方法，通過隱式原型傳遞給了構(gòu)造函數(shù)的實例。這樣一來實例就能很容易的訪問到構(gòu)造函數(shù)原型上的方法和屬性了。

Parent.prototype的隱式原型指向了對象原型

Parent.prototype.__proto__ === Object.prototype; //true

p1.constructor => f Parent{} Parent.construtor => f Function() { [native code] } Function.constructor => ? Function() { [native code] }

Function是所有函數(shù)的根構(gòu)造函數(shù)。

通過例子可以看到，p1的constructor屬性指向了Parent，那么Parent就是p1的構(gòu)造函數(shù)。同樣Parent的constructor屬性指向了Function，那么Function就是Parent的構(gòu)造函數(shù)，然后又驗證了Function就是根構(gòu)造函數(shù)。

到此，關(guān)于“JavaScript中的原型和原型鏈?zhǔn)鞘裁础钡膶W(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>