JavaScript中原型鏈指的是什么？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)建站2013年開創(chuàng)至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元樂陵做網(wǎng)站,已為上家服務(wù),為樂陵各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

                                                           JavaScript中的原型鏈指的是原型對(duì)象鏈接到另一個(gè)原型對(duì)象并且依此類推，它的作用就是當(dāng)請(qǐng)求對(duì)象不包含屬性時(shí)，js就會(huì)一直向下查看原型鏈直到找到所要請(qǐng)求的屬性或者到鏈的末尾

JavaScript是一種基于原型的語言，也就是說JavaScript中的對(duì)象屬性和方法可以通過克隆或者擴(kuò)展實(shí)現(xiàn)通用對(duì)象共享。這就稱為原型繼承。

JavaScript中的每一個(gè)東西幾乎都可以看作是一個(gè)對(duì)象，對(duì)象包含可以使用的obj.propName 或者是訪問的命名屬性obj['propName']，每個(gè)對(duì)象都有一個(gè)名為prototype的內(nèi)部屬性，它鏈接到另一個(gè)對(duì)象。原型對(duì)象也有自己的原型對(duì)象依此類推，這就被稱為原型鏈。如果你遵循一個(gè)對(duì)象的原型鏈，最終會(huì)到達(dá)Object 原型所在的核心原型，標(biāo)志著null鏈的末端。

原型鏈的作用是當(dāng)請(qǐng)求對(duì)象不包含的屬性時(shí)，JavaScript就會(huì)向下查看原型鏈，直到它找到所請(qǐng)求的屬性，或者直到它到達(dá)鏈的末尾。這種行為允許我們創(chuàng)建“類”并實(shí)現(xiàn)繼承。

例

function Animal() {}
var animal = new Animal();

Animal通過兩種方式向類添加屬性。一種是通過將它們?cè)O(shè)置為實(shí)例屬性，還有一種是將它們添加到Animal原型中

function Animal(name) {
    this.name = name;
    }
     Animal.prototype.speak = function() {
    console.log("My name is " + this.name);
    };
    var animal = new Animal('Monty');
    animal.speak();

輸出結(jié)果：My name is Monty

Animal當(dāng)我們?cè)诳刂婆_(tái)中檢查它時(shí)，對(duì)象的結(jié)構(gòu)變得清晰。我們可以看到name屬性屬于對(duì)象本身，同時(shí)speak也是Animal原型的一部分。

擴(kuò)展Animal類來創(chuàng)建一個(gè)Cat類

function Cat(name) {
    Animal.call(this, name);
    }
Cat.prototype = new Animal();
var cat = new Cat('Monty');
cat.speak();

輸出結(jié)果：My name is Monty

從上圖中我們可以看出Cat對(duì)象具有自己的name實(shí)例屬性，同時(shí)它也繼承Animal的name實(shí)例屬性以及speak原型屬性。這就是原型鏈的作用，當(dāng)我們請(qǐng)求cat.name時(shí)，JavaScript會(huì)找到name實(shí)例屬性并且不會(huì)使用到原型鏈。但是當(dāng)我們請(qǐng)求cat.speak時(shí)，JavaScript必須沿著原型鏈向下移動(dòng)，直到找到speak繼承自的屬性Animal

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)JavaScript中原型鏈指的是什么大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。