原型鏈

chenatu 發(fā)布于2019-08-21 18:33 / 1882人閱讀

摘要：預(yù)解釋基本數(shù)據(jù)類型和引用數(shù)據(jù)類型前者操作值，后者操作地址。原型對象中都有個預(yù)定義的屬性，用來引用它的函數(shù)對象。這是一種循環(huán)引用和只能分辨值類型的數(shù)據(jù)類型用于判斷引用類型屬于哪個構(gòu)造函數(shù)的方法循環(huán)對象自身的屬性原型鏈繼承

預(yù)解釋

基本數(shù)據(jù)類型和引用數(shù)據(jù)類型

前者操作值，后者操作地址。

prototype和__proto__

prototype是函數(shù)獨有的屬性

__proto__是對象都有的屬性

__proto__可以理解為構(gòu)造器的原型

__proto__=== constructor.prototype

原型鏈

當(dāng)試圖得到一個對象的某個屬性時，如果這個對象本身沒有這個屬性，那么會去它的__proto__(即它的構(gòu)造函數(shù)prototype)中尋找。

由于__proto__是任何對象都有的屬性，而js里萬物皆對象，所以會形成一條__proto__連起來的鏈條，遞歸訪問__proto__必須最終到頭，并且值是null。

    var A = function () { }
    var a = new A();

    console.log(a.__proto__ === A.prototype) //true
    console.log(A.prototype.__proto__ === Object.prototype) //true
    console.log(Object.prototype.__proto__) //null

constructor

原型對象prototype中都有個預(yù)定義的constructor屬性，用來引用它的函數(shù)對象。這是一種循環(huán)引用

person.prototype. constructor === person //true

Function.prototype.constructor === Function //true

Object.prototype.constructor === Object //true

typeof和instanceof

typeof只能分辨值類型的數(shù)據(jù)類型

instanceof用于判斷引用類型屬于哪個構(gòu)造函數(shù)的方法

var arr=0;
arr instanceof Array  //true

hasOwnProperty

循環(huán)對象自身的屬性

    var A = function () { }
    var a = new A();
    A.prototype.say = function () {
        console.log("say hello")
    }
    a.run = function () {
        console.log("running")
    }
    var item;
    for (item in a) {
        if (a.hasOwnProperty(item)) {
            console.log(item)   //run
        }
    }

原型鏈繼承

GPU云服務(wù)器云服務(wù)器原型原型鏈原型鏈原型鏈繼承原型鏈圖

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/90577.html

相關(guān)文章

《javascript高級程序設(shè)計》筆記：原型圖解

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

vspiders 2019-08-21 17:29 評論0 收藏0
如何理解JavaScript的原型和原型鏈？

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

xuexiangjys 2019-08-02 16:12 評論0 收藏0
如何理解JavaScript的原型和原型鏈？

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

adie 2019-08-23 16:54 評論0 收藏0
【5】JavaScript 函數(shù)高級——原型與原型鏈深入理解（圖解）

摘要：探索是如何判斷的表達(dá)式如果函數(shù)的顯式原型對象在對象的隱式原型鏈上，返回，否則返回是通過自己產(chǎn)生的實例案例案例重要注意的顯示原型和隱式原型是一樣的。面試題測試題測試題報錯對照下圖理解原型與原型鏈深入理解（圖解）原型（prototype）函數(shù)的 prototype 屬性（圖）每個函數(shù)都有一個prototype屬性，它默認(rèn)指向一個Object空對象（即稱為：原型對象）原型對象中有...

馬龍駒 2019-08-23 17:17 評論0 收藏0
JS基礎(chǔ)-原型、原型鏈真的不能一知半解

摘要：原型鏈和對象的原型是對象實例和它的構(gòu)造函數(shù)之間建立的鏈接，它的值是構(gòu)造函數(shù)的。對象的原型根據(jù)上文提到的構(gòu)造調(diào)用函數(shù)的時候會創(chuàng)建一個新對象，自動將的原型指向構(gòu)造函數(shù)的對象。 showImg(https://segmentfault.com/img/remote/1460000020185197); JS的原型、原型鏈一直是比較難理解的內(nèi)容，不少初學(xué)者甚至有一定經(jīng)驗的老鳥都不一定能完全說清...

changfeng1050 2019-08-26 11:00 評論0 收藏0
JavaScript面向?qū)ο?--原型鏈繼承

摘要：因為這造成了繼承鏈的紊亂，因為的實例是由構(gòu)造函數(shù)創(chuàng)建的，現(xiàn)在其屬性卻指向了為了避免這一現(xiàn)象，就必須在替換對象之后，為新的對象加上屬性，使其指向原來的構(gòu)造函數(shù)。這個函數(shù)接收兩個參數(shù)子類型構(gòu)造函數(shù)和超類型構(gòu)造函數(shù)。最近一直在研究js面向?qū)ο?，原型鏈繼承是一個難點，下面是我對繼承的理解以下文章借鑒自CSDN季詩筱的博客原型鏈繼承的基本概念： ES中描述了原型鏈的概念，并將原型鏈作為實現(xiàn)...

vspiders 2019-08-20 13:33 評論0 收藏0