成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JS復習--原型鏈小結

Gu_Yan / 785人閱讀

摘要:為什么需要原型鏈為了實現(xiàn)繼承,具有相同特性的代碼不需要重復編寫,放在構造函數(shù)里面,實例化的對象都會擁有里面的屬性了,也就是可以共享屬性和方法。

一段簡單代碼引入

function Foo() {};

var f1 = new Foo();

1.概念簡單理解

Foo()是構造函數(shù),構造函數(shù)有一個prototype屬性

Foo.prototype 是f1的原型對象,有一個constructor屬性,指向該原型對象對應的構造函數(shù),即

Foo.prototype.constructor

console.log(Foo.prototype.constructor === Foo);//true

console.log(f1._proto_=== Foo.prototype);//true

console.log(f1._proto_.constructor=== Foo);//true

f1是Foo的實例對象,自身沒有constructor屬性,但可以繼承原型對象的屬性,即

console.log(f1.constructor === Foo);//true

console.log(f1.hasOwnProperty("constructor"));//false


2.結合demo

原型鏈是對于構造函數(shù)而言的,首先定義一個構造函數(shù),再實例化生成一個實例對象,可能在實例對象中沒有定義某個屬性,但是在構造函數(shù)中有,那么它就會往上(向構造函數(shù)中)查找,這個查找的過程就叫做原型鏈。

function Foo(){};

Foo.prototype.name = "ziziyaya";

var foo=new Foo();

console.log(foo.name); //ziziyaya

3.為什么需要原型鏈

為了實現(xiàn)繼承,具有相同特性的代碼不需要重復編寫,放在構造函數(shù)里面,實例化的對象都會擁有里面的屬性了,也就是可以共享屬性和方法。

function Dog() {

    this.eat = "food";

    this.smell = "smart";

}

let dog1 = new Dog();

let dog2 = new Dog();

dog1.name = "huang";

dog2.name = "hei";

console.log(dog1.name+","+dog1.eat+","+dog1.smell);//huang,food,smart

console.log(dog2.name+","+dog2.eat+","+dog2.smell);//hei,food,smart

推薦文章:http://www.ruanyifeng.com/blo...

4.繼續(xù)往上引申--Foo.prototype的構造函數(shù)是Object(),原型對象是Object.prototype

console.log(Foo.prototype.__proto__ === Object.prototype);//true

實例對象Foo.prototype本身具有constructor屬性,所以它會覆蓋繼承自原型對象Object.prototype的constructor屬性

下面是自身沒有constructor屬性,繼承自原型對象的f1和 自身有constructor屬性覆蓋了原型對象的Foo.prototype 截圖對比

再往上引申 如果Object.prototype作為實例對象的話,其原型對象是什么,結果是null
附加一篇簡潔易懂的原型鏈理解的文章 http://www.cnblogs.com/shuiyi...

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

轉載請注明本文地址:http://m.hztianpu.com/yun/93031.html

相關文章

  • JS對象小結

    摘要:返回新對象構造函數(shù)與其他函數(shù)的唯一區(qū)別,就在于調(diào)用它們的方式不同。在默認情況下,所有原型對象都會自動獲得一個構造函數(shù)屬性,這個屬性是一個指向?qū)傩运诤瘮?shù)的指針。 對象 1.對象的定義 無序?qū)傩缘募?,其屬性可以包含基本值,對象或者函?shù)。每個屬性都是一個名/值對。屬性名是字符串,因此我們可以把對象看成是從字符串到值的映射。 2.對象的創(chuàng)建 ======= 通過new創(chuàng)建對象 new...

    mzlogin 評論0 收藏0
  • 2018.11.19秋招末第二波前端實習/校招小結

    摘要:背景個人背景就讀于東北某普通二本院校計算機軟件工程專業(yè),現(xiàn)大四,北京實習前端方向,自學,技術棧時間背景大概是在月日準備好簡歷開始投遞秋招差不多已經(jīng)結束招聘崗位不多,投遞對象為大一些的互聯(lián)網(wǎng)公司事件背景第一個入職的是好未來的前端實習崗,待遇工 背景 個人背景 就讀于東北某普通二本院校計算機軟件工程專業(yè),現(xiàn)大四,北京實習 前端方向,自學,vue技術棧 時間背景 大概是在11月9日準備...

    suxier 評論0 收藏0
  • 2018.11.19秋招末第二波前端實習/校招小結

    摘要:背景個人背景就讀于東北某普通二本院校計算機軟件工程專業(yè),現(xiàn)大四,北京實習前端方向,自學,技術棧時間背景大概是在月日準備好簡歷開始投遞秋招差不多已經(jīng)結束招聘崗位不多,投遞對象為大一些的互聯(lián)網(wǎng)公司事件背景第一個入職的是好未來的前端實習崗,待遇工 背景 個人背景 就讀于東北某普通二本院校計算機軟件工程專業(yè),現(xiàn)大四,北京實習 前端方向,自學,vue技術棧 時間背景 大概是在11月9日準備...

    canger 評論0 收藏0
  • 深入理解JS的面向?qū)ο螅ǜ轮校?/b>

    摘要:的面向?qū)ο笾饕藘蓧K創(chuàng)建對象繼承。構造函數(shù)一般來說,我們可以這樣定義構造函數(shù)構造函數(shù)的函數(shù)名常大寫在這里,我們沒有顯示的創(chuàng)建對象,沒有語句,卻將屬性和方法賦值給了。 面向?qū)ο笫擒浖_發(fā)方法。面向?qū)ο蟮母拍詈蛻靡殉搅顺绦蛟O計和軟件開發(fā),擴展到如數(shù)據(jù)庫系統(tǒng)、交互式界面、應用結構、應用平臺、分布式系統(tǒng)、網(wǎng)絡管理結構、CAD技術、人工智能等領域。面向?qū)ο笫且环N對現(xiàn)實世界理解和抽象的方法...

    陳偉 評論0 收藏0
  • 復習Javascript專題(三):面向?qū)ο螅▽ο蟮膭?chuàng)建與繼承,原型原型

    摘要:在創(chuàng)建子類實例時,不能向超類型的構造函數(shù)中傳遞參數(shù)。構造函數(shù)繼承子類傳進的值是基本思想是在子類構造函數(shù)的內(nèi)部調(diào)用超類或父類型構造函數(shù)。繼承保證構造函數(shù)指針指向如果想同時繼承多個,還可使用添加屬性的方式類繼承, OOP:Object Oriented Programming 面向?qū)ο缶幊獭?題外話:面向?qū)ο蟮姆秶鷮嵲谔?,先把這些大的東西理解理解。 1.什么是對象? 根據(jù)高程和權威指南上...

    testHs 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<