js原型鏈和繼承的理解

Object() Function() Array() 等等都為構(gòu)造函數(shù)。
Js 面向?qū)ο笈c傳統(tǒng)oop 有些不同,語(yǔ)法較高級(jí) 語(yǔ)法糖封裝。
This 為指針。指向this作用域的調(diào)用者

原型

1.原型繼承鏈頂端為Object 。Js函數(shù)是對(duì)象

2.當(dāng)讀取對(duì)象中的屬性時(shí),先去實(shí)例本身中搜索,如搜索不到則去指向的原型中搜索

  1. .prototype是一個(gè)對(duì)象 。里面有一個(gè)構(gòu)造器屬性constructor。實(shí)例中也有一個(gè)構(gòu)造器屬性。只有函數(shù)有prototype對(duì)象和proto指針。構(gòu)造出來的實(shí)例只有proto 指針

原型鏈

1.原型的存在意義在于實(shí)現(xiàn)繼承共享,是在構(gòu)造函數(shù)中定義的一個(gè)成員對(duì)象,在下次實(shí)例化時(shí)不需要在構(gòu)造函數(shù)中定義成員 就可實(shí)現(xiàn)實(shí)例共享方法屬性。
例子:通常為。 構(gòu)造函數(shù).prototype.xxx=我想實(shí)現(xiàn)實(shí)例繼承的東西 -》 new 構(gòu)造函數(shù) -》新實(shí)例a對(duì)象.原型指針指向構(gòu)造函數(shù)的xxx對(duì)象(引用類型)

例子:Array 不等于 Array() 原因 Array為一個(gè)函數(shù),而Array()為一個(gè)構(gòu)造函數(shù)調(diào)用語(yǔ)句,故Array擁有prototype對(duì)象用于實(shí)例的共享繼承,Array()產(chǎn)生一個(gè)實(shí)例 故只能擁有prototype對(duì)象的私有指針 proto

2.在使用原型繼承時(shí) 不能使用字面量 構(gòu)造函數(shù).prototype={} 的方式重寫原型對(duì)象 。因?yàn)闀?huì)導(dǎo)致該原型對(duì)象的constructor屬性被重寫,在生成的實(shí)例中導(dǎo)致constructor指向Object并且會(huì)切斷之前原型對(duì)象的聯(lián)系,破壞原型鏈。

3.JavaScript 主要通過原型鏈實(shí)現(xiàn)繼承。原型鏈的構(gòu)建是通過將一個(gè)類型的實(shí)例賦值給另一個(gè)構(gòu)造函數(shù)的原型實(shí)現(xiàn)的

例子:
xxx實(shí)例.proto-》function xxx()構(gòu)造函數(shù).prototype對(duì)象故xxx.proto === xxx.prototype

xxx.prototype.proto-》Object.prototype因?yàn)樗袑?duì)象都為Object函數(shù)構(gòu)造來的。故xxx.prototype.proto===Object.prototype。

Object.prototype.proto為原型鏈頂端proto定義了尚未使用所以為null故Object.prototype.proto===null約定俗成。

instanceof 用來判斷某實(shí)例是否為某構(gòu)造函數(shù)的實(shí)例
isPrototypeOf 用于判斷某實(shí)例是否擁有某構(gòu)造函數(shù)的原型對(duì)象指針

繼承

1.原型模式有忽略構(gòu)造函數(shù)定義初始值步驟及原型中操作引用類型的缺點(diǎn)。
所以需要組合使用構(gòu)造函數(shù)模式+原型模式來創(chuàng)建實(shí)例。在構(gòu)造函數(shù)中定義實(shí)例的屬性,而需共享的方法就定義在原型對(duì)象中。
繼承:在子構(gòu)造函數(shù)中調(diào)用 父.call(this, name); 實(shí)現(xiàn)構(gòu)造函數(shù)之間的屬性繼承。使用 子.prototype = new 父(); 子.prototype.constructor = 子;實(shí)現(xiàn)方法的繼承。

2.如要在生產(chǎn)環(huán)境下的構(gòu)造函數(shù)新增方法(如Array) 需要使用一個(gè)類似于工廠函數(shù)的寄生構(gòu)造函數(shù)模式 在構(gòu)造函數(shù)中返回一個(gè)修改后的對(duì)象

例子:在子類中使用call()可以實(shí)現(xiàn)繼承
function SuperType(name){
    this.name = name;
} 
function SubType(){//繼承了 SuperType,同時(shí)還傳遞了參數(shù) SuperType.call(this, "Nicholas"); 
SuperType.call(this, "Nicholas"); 
//實(shí)例屬性 
    this.age = 29;
}
var instance = new SubType();
alert(instance.name);    //"Nicholas";
alert(instance.age);     //29
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容