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

資訊專欄INFORMATION COLUMN

JavaScript 之 原型和原型鏈

Mike617 / 2388人閱讀

摘要：對象會從原型對象繼承一些屬性和方法。如果對象的原型上面也沒有這個屬性，則繼續(xù)在原型對象的上原型上面查找，如此一級級繼續(xù)往上，直到原型為，此時引擎返回該對象的屬性值為。

幾個概念

構(gòu)造函數(shù)： 構(gòu)造函數(shù)實際上是一個普通函數(shù)，通過new操作符，可以利用構(gòu)造函數(shù)快速創(chuàng)建對象；

prototype：每個構(gòu)造函數(shù)自身上都會有一個prototype屬性，該屬性值為一個對象，這個對象具有一個constructor屬性，constructor指向構(gòu)造函數(shù)自身；

實例： 通過構(gòu)造函數(shù)創(chuàng)建的對象，可以看做是該構(gòu)造函數(shù)的實例；

__proto__：通過構(gòu)造函數(shù)創(chuàng)建的每個對象上面，都會有一個__proto__屬性，該屬性指向構(gòu)造函數(shù)的prototype；

什么是原型

在JavaScript中，每個對象會有一個原型對象。對象會從原型對象繼承一些屬性和方法。

什么是原型鏈

在JavaScript中，訪問一個對象的屬性時，JS引擎會首先在該對象自身上線查找該屬性。如果找到了，則直接返回該屬性的值；如果沒有找到，則會去改對象的原型上面繼續(xù)查找。如果對象的原型上面也沒有這個屬性，則繼續(xù)在原型對象的上原型上面查找，如此一級級繼續(xù)往上，直到原型為null，此時JS引擎返回該對象的屬性值為undefined。

繼承 
        /**
         * two methods to implement inheritance;
        */

        function Base(type){ 
            this.type = type;
        }
        Base.prototype.base=function(){
            console.log(`${this.type} is in base func`);
        }
        // method one
        function Sub(type){
            this.type = type;
        }
        Sub.prototype = Object.create(new Base("base"));
        Sub.prototype.sub=function(){
            console.log(`${this.type} is in sub func`);
        }

        // method two
        function Foo(type){
            this.type = type;
        }
        Object.setPrototypeOf( Foo.prototype, new Sub("sub"));
        Foo.prototype.foo=function(){
            console.log(`${this.type} is in foo func`);
        }

        let sub = new Sub("sub1");
        sub.base();
        sub.sub();
        sub instanceof Sub; // true
        sub instanceof Base; // true

        let foo = new Foo("foo1");
        foo.base();
        foo.sub();
        foo.foo();
        foo instanceof Foo; // true
        foo instanceof Sub; // true
        foo instanceof Base; // true
一些實例 Object.getPrototype

預(yù)測下面幾個表達(dá)式的結(jié)果

Object.getPrototypeOf(function(){}).constructor === Function;
Object.getPrototypeOf(Function).constructor === Function;
Object.getPrototypeOf(Object.getPrototypeOf(Function)).constructor === Object;

答案：

true;
如何創(chuàng)建一個沒有任何原型的對象？ 
let obj = Object.create(null);
console.log(obj);

這篇medium上獲得8.6K贊的文章Prototypes in JavaScript講得很清楚了。

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

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

相關(guān)文章

  • 學(xué)習(xí)JavaScript之原型鏈

    原型鏈之前一直都不是很理解，這兩天把《你不知道的JavaScript》和《JavaScript高級程序設(shè)計》的原型鏈那章看完后有所理解，在這里先記下來，加深印象。 什么是原型對象 要講清楚什么是原型鏈需要從原型對象開始談，那么什么是原型對象呢？《JavaScript高級程序設(shè)計》中是這樣講的： 無論什么時候，只要創(chuàng)建了一個新函數(shù)，就會根據(jù)一組特定的規(guī)則為該函數(shù)創(chuàng)建一個prototype屬性，這個屬...

    Leo_chen 評論0 收藏0

  • 進(jìn)擊JavaScript之（四）原型與原型鏈

    摘要：每一個由構(gòu)造函數(shù)創(chuàng)建的對象都會默認(rèn)的連接到該神秘對象上。在構(gòu)造方法中也具有類似的功能，因此也稱其為類實例與對象實例一般是指某一個構(gòu)造函數(shù)創(chuàng)建出來的對象，我們稱為構(gòu)造函數(shù)的實例實例就是對象。表示該原型是與什么構(gòu)造函數(shù)聯(lián)系起來的。 本文您將看到以下內(nèi)容： 傳統(tǒng)構(gòu)造函數(shù)的問題 一些相關(guān)概念 認(rèn)識原型 構(gòu)造、原型、實例三角結(jié)構(gòu)圖 對象的原型鏈 函數(shù)的構(gòu)造函數(shù)Function 一句話說明什么...

    XBaron 評論0 收藏0

  • JavaScript深入之從原型到原型鏈

    摘要：深入系列的第一篇，從原型與原型鏈開始講起，如果你想知道構(gòu)造函數(shù)的實例的原型，原型的原型，原型的原型的原型是什么，就來看看這篇文章吧。讓我們用一張圖表示構(gòu)造函數(shù)和實例原型之間的關(guān)系在這張圖中我們用表示實例原型。 JavaScript深入系列的第一篇，從原型與原型鏈開始講起，如果你想知道構(gòu)造函數(shù)的實例的原型，原型的原型，原型的原型的原型是什么，就來看看這篇文章吧。 構(gòu)造函數(shù)創(chuàng)建對象 我們先...

    Songlcy 評論0 收藏0

  • Javascript重溫OOP之原型與原型鏈

    摘要：在構(gòu)造函數(shù)中的中定義的屬性和方法，會被創(chuàng)建的對象所繼承下來。從上面的輸出結(jié)果看出，指向了其構(gòu)造函數(shù)的，而本身也是一個對象，其內(nèi)部也有屬性，其指向的是直到最后指向，這條原型鏈才結(jié)束。和都指向，說明原型鏈到終止。 prototype原型對象 每個函數(shù)都有一個默認(rèn)的prototype屬性，其實際上還是一個對象，如果被用在繼承中，姑且叫做原型對象。 在構(gòu)造函數(shù)中的prototype中定義的屬性...

    lindroid 評論0 收藏0

  • JavaScript基礎(chǔ)之創(chuàng)建對象、原型、原型對象、原型鏈

    摘要：在最開始的時候，原型對象的設(shè)計主要是為了獲取對象的構(gòu)造函數(shù)。同理數(shù)組通過調(diào)用函數(shù)通過調(diào)用原型鏈中描述了原型鏈的概念，并將原型鏈作為實現(xiàn)繼承的主要方法。 對象的創(chuàng)建 在JavaScript中創(chuàng)建一個對象有三種方式。可以通過對象直接量、關(guān)鍵字new和Object.create()函數(shù)來創(chuàng)建對象。 1. 對象直接量 創(chuàng)建對象最直接的方式就是在JavaScript代碼中使用對象直接量。在ES5...

    wangbjun 評論0 收藏0

  • 深入學(xué)習(xí)js之——原型和原型鏈

    摘要：我們用一張圖表示構(gòu)造函數(shù)和實例原型之間的關(guān)系好了構(gòu)造函數(shù)和實例原型之間的關(guān)系我們已經(jīng)梳理清楚了，那我們怎么表示實例與實例原型，也就是或者和之間的關(guān)系呢。 開篇： 在Brendan Eich大神為JavaScript設(shè)計面向?qū)ο笙到y(tǒng)的時候，借鑒了Self 和Smalltalk這兩門基于原型的語言，之所以選擇基于原型的面向?qū)ο笙到y(tǒng)，并不是因為時間匆忙，它設(shè)計起來相對簡單，而是因為從一開始B...

    FingerLiu 評論0 收藏0

發(fā)表評論

0條評論

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