国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Javascript 原型鏈

nanfeiyan / 1168人閱讀

摘要：先來一張圖看看幾個名詞的關系構造函數原型實例原諒我的狂草字體，我手寫比用電腦畫快。今天我們只說原型鏈，所以接下來我就圍繞著原型鏈的幾個部分說起。每個函數都有一個屬性借用屬性存儲了的原型對象。

先來一張圖看看幾個名詞的關系 構造函數、原型、實例

原諒我的狂草字體，我手寫比用電腦畫快。

今天我們只說原型鏈，所以接下來我就圍繞著原型鏈的幾個部分說起。

這個大家都很熟悉了，首字母大寫的函數我們都可以作為構造函數，不是說小寫的就不能new，也是可以的，暫時說成約定俗成吧！

        // 構造函數
        function Fn() {}
        //原型對象
        console.log(Fn.prototype)
          //new
        let fn = new Fn() 
        //實例
        console.log(fn)

代碼部分結束了，今天我們就用這4行代碼描述一下上圖也就是原型鏈的來龍去脈。

每個函數都有一個屬性prototype,借用**Function.prototype**?屬性存儲了?Function?的原型對象。

驗證了我草圖構造函數.prototype指向原型對象

完整的log看一下

實例.__proto__也指向原型對象

從log里也能看出來


實例原型的constructor指向構造函數

最后再說構造函數 new關鍵字生成實例

手繪圖說完了，我們說正題 原型鏈，為什么再說原型鏈之前先畫了一個草圖，為了幫助預熱理解。

每一個原型對象都有一個__proto__屬性，這個是我們在代碼中繼承的關鍵，也是眾多面試官所問的什么是原型鏈

上圖可以看到，第一次__proto__找到了原型對象，第二次__proto__找到了Object實例對象，第三次null查找結束。

我們平時開發中用到了__proto__去查找鏈條中我們繼承的方法和屬性都在prototype（原型）上，所以不能在Fn.prototype = xxx操作,這樣鏈條就會中斷，只能在原型上擴展屬性。

明天繼續聊繼承！

歡迎吐槽！

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/101814.html

相關文章

  • 如何理解JavaScript的原型和原型鏈？

    摘要：之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關系那么圖中所有的虛線將構成一個繼承層級，而實線表示屬性引用。原型鏈是實現繼承的重要方式，原型鏈的形成是真正是靠而非。 之前有朋友問怎么去理解原型和原型鏈的問題。這個問題，在面試中，很多同學經常都會遇到。這里給大家講講，方便大家記憶。 JavaScript的特點JavaScript是一門直譯式腳本...

    xuexiangjys 評論0 收藏0

  • 如何理解JavaScript的原型和原型鏈？

    摘要：之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關系那么圖中所有的虛線將構成一個繼承層級，而實線表示屬性引用。原型鏈是實現繼承的重要方式，原型鏈的形成是真正是靠而非。 之前有朋友問怎么去理解原型和原型鏈的問題。這個問題，在面試中，很多同學經常都會遇到。這里給大家講講，方便大家記憶。 JavaScript的特點JavaScript是一門直譯式腳本...

    adie 評論0 收藏0

  • 我所認識的JavaScript作用域鏈和原型鏈

    摘要：為了防止之后自己又開始模糊，所以自己來總結一下中關于作用域鏈和原型鏈的知識，并將二者相比較看待進一步加深理解。因此我們發現當多個作用域相互嵌套的時候，就形成了作用域鏈。原型鏈原型說完了作用域鏈，我們來講講原型鏈。 　　畢業也整整一年了，看著很多學弟都畢業了，忽然心中頗有感慨，時間一去不復還呀。記得從去年這個時候接觸到JavaScript,從一開始就很喜歡這門語言，當時迷迷糊糊看完了《J...

    Bmob 評論0 收藏0

  • 細說 Javascript 對象篇（二） : 原型對象

    摘要：并沒有類繼承模型，而是使用原型對象進行原型式繼承。我們舉例說明原型鏈查找機制當訪問一個對象的屬性時，會從對象本身開始往上遍歷整個原型鏈，直到找到對應屬性為止。原始類型有以下五種型。此外，試圖查找一個不存在屬性時將會遍歷整個原型鏈。 Javascript 并沒有類繼承模型，而是使用原型對象 prototype 進行原型式繼承。 盡管人們經常將此看做是 Javascript 的一個缺點，然...

    lansheng228 評論0 收藏0

  • 《javascript高級程序設計》筆記：原型圖解

    摘要：不理解沒關系，下面會結合圖例分析上一篇高級程序設計筆記創建對象下一篇高級程序設計筆記繼承參考之原型鏈的解讀三張圖搞懂的原型對象與原型鏈繼承與原型鏈 文章直接從原型圖解開始的，如果對一些概念不太清除，可以結合后面幾節查看 1. 圖解原型鏈 1.1 鐵三角關系（重點） function Person() {}; var p = new Person(); showImg(https://s...

    vspiders 評論0 收藏0

  • JavaScript原型鏈以及Object，Function之間的關系

    摘要：由于一般所有的原型鏈最終都會指向頂端的，所以它們都是的。好了現在了，成了所有對象原型鏈的。 JavaScript里任何東西都是對象，任何一個對象內部都有另一個對象叫__proto__，即原型，它可以包含任何東西讓對象繼承。當然__proto__本身也是一個對象，它自己也有自己的__proto__，這樣一級一級向上，就構成了一個__proto__鏈，即原型鏈。當然原型鏈不會無限向上，它有...

    zacklee 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<