資訊專欄INFORMATION COLUMN
摘要：想要解決這樣的問(wèn)題的話，可以借助構(gòu)造函數(shù)也可以叫做偽造對(duì)象或經(jīng)典繼承。通過(guò)借助構(gòu)造函數(shù)實(shí)現(xiàn)對(duì)實(shí)例對(duì)象的屬性和繼承。
原型鏈 原型鏈?zhǔn)鞘裁?/b>
構(gòu)造函數(shù)或構(gòu)造器具有prototype屬性 對(duì)象具有__proto__屬性 這就是之前學(xué)習(xí)的原型
如果構(gòu)造函數(shù)或?qū)ο驛 A的原型指向構(gòu)造函數(shù)或?qū)ο驜 B的原型在指向構(gòu)造函數(shù)或?qū)ο驝 以此類推 最終的構(gòu)造函數(shù)或?qū)ο蟮脑椭赶騉bject的原型 由此形成一條鏈狀結(jié)構(gòu) 被稱之為原型鏈
按照上述的描述 在B中定義的屬性或方法 可以直接在A中使用并不需要定義 這就是繼承 它允許每個(gè)對(duì)象來(lái)訪問(wèn)其原型鏈上的任何屬性或方法。
原型鏈?zhǔn)荅CMAScript標(biāo)準(zhǔn)中指定的默認(rèn)實(shí)現(xiàn)繼承方式。
// 原型鏈
function A(){
this.a = "a";
}
// 通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象
var a = new A();
function B(){
this.b = "b";
}
// 將B的原型指向?qū)ο骯
B.prototype = a;
// 通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象
var b = new B();
console.log(b.b);// b
console.log(b.a);// a
function C(){
this.c = "c";
}
// 將C的原型指向?qū)ο骲
C.prototype = b;
// 通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象
var c = new C();
console.log(c.c);// c
console.log(c.b);// b
console.log(c.a);// a
只繼承于原型
處于對(duì)效率的考慮，盡量的將屬性和方法添加到原型上。
1.不要為繼承關(guān)系多帶帶創(chuàng)建對(duì)象。
2.盡量減少運(yùn)行時(shí)的方法搜索。
// 原型鏈
function A(){
// 將自有屬性改寫為原型屬性
// this.a = "a";
}
A.prototype.a = "a";
function B(){
// this.b = "b";
}
// 將B的原型指向
B.prototype = A.prototype;
B.prototype.b = "b";
/*B.prototype = {
b : "b"
}*/
function C(){
this.c = "c";
}
// 將C的原型指向
C.prototype = B.prototype;
var c = new C();
console.log(c.c);// c
console.log(c.b);
console.log(c.a);// a
原型鏈的問(wèn)題
原型鏈雖然很強(qiáng)大，用他可以實(shí)現(xiàn)JavaScript中的繼承，但同時(shí)也存在著一些問(wèn)題。
1.原型鏈實(shí)際上實(shí)在多個(gè)構(gòu)造函數(shù)或?qū)ο笾g共享屬性和方法。
2.常見(jiàn)子類的對(duì)象時(shí)，不能向父級(jí)的構(gòu)造函數(shù)傳遞任何參數(shù)。
在實(shí)際開發(fā)中很少會(huì)多帶帶使用原型鏈。
// 原型鏈
function A(){
// 將自有屬性改寫為原型屬性
// this.a = "a";
}
A.prototype.a = "a";
function B(){
// this.b = "b";
}
// 將B的原型指向
B.prototype = A.prototype;
B.prototype.b = "b";
function C(){
// this.c = "c";
}
// 將C的原型指向
C.prototype = B.prototype;
C.prototype.c = "c";
var c = new C();
console.log(c.c);// c
console.log(c.b);// b
console.log(c.a);// a
var a = new A();
console.log(a.a);
console.log(a.b);
console.log(a.c);
var b = new B();
console.log(b.a);
console.log(b.b);
console.log(b.c);
繼承
原型式繼承
所謂的原型式繼承，就是定義一個(gè)函數(shù)，該函數(shù)中創(chuàng)建一個(gè)臨時(shí)性 的構(gòu)造函數(shù)，將作為參數(shù)傳入的對(duì)象，作為這個(gè)構(gòu)造函數(shù)的原型，左后返回這個(gè)構(gòu)造函數(shù)的實(shí)例對(duì)象。
/*
定義一個(gè)函數(shù) - 用于實(shí)現(xiàn)對(duì)象之間的繼承
* 參數(shù)
* obj - 表示繼承關(guān)系中的父級(jí)對(duì)象
* prop - 對(duì)象格式，表示繼承關(guān)系中的子級(jí)對(duì)象的屬性和方法
*/
function fn(obj, porp){
// 定義一個(gè)臨時(shí)的構(gòu)造函數(shù)
function Fun(){
// 遍歷對(duì)象的屬性和方法
for (var attrName in porp) {
// var attrValue = porp[attrName];
this[attrName] = porp[attrName];
}
}
// 將函數(shù)的參數(shù)作為構(gòu)造函數(shù)的原型
Fun.prototype = obj;
// 將構(gòu)造函數(shù)創(chuàng)建的對(duì)象進(jìn)行返回
return new Fun();
}
var obj = {
name : "張無(wú)忌"
}
// 調(diào)用函數(shù)
var result = fn(obj, {
age : 18,
sayMe : function(){
console.log("this is function");
}
});
console.log(result.age);
result.sayMe();
注意；原型式繼承具有與原型鏈相同的問(wèn)題。
借助構(gòu)造函數(shù)無(wú)論是原型鏈還是原型式繼承，都具有相同的問(wèn)題。想要解決這樣的問(wèn)題的話，可以借助構(gòu)造函數(shù)（也可以叫做偽造對(duì)象或經(jīng)典繼承）。
這種方式實(shí)現(xiàn)非常簡(jiǎn)單，就是在子對(duì)象的構(gòu)造函數(shù)中調(diào)用父對(duì)象的構(gòu)造函數(shù)，具體可以通過(guò)調(diào)用apply()和call（）方法實(shí)現(xiàn)。
apply（）和call（）方法允許傳遞指定某個(gè)對(duì)形象的 this。對(duì)于繼承來(lái)說(shuō)，可以實(shí)現(xiàn)子對(duì)象構(gòu)造函數(shù)中調(diào)用父對(duì)象的構(gòu)造函數(shù)時(shí)，將子對(duì)象的this和父對(duì)象的this綁定在一起。
// 定義父級(jí)對(duì)象的構(gòu)造函數(shù)
function Parent(){
this.parent = "parent";
}
// 定義子級(jí)對(duì)象的構(gòu)造函數(shù)
function Child(){
// 調(diào)用父級(jí)對(duì)象的構(gòu)造函數(shù) -> 使用apply()或call()方法
Parent.call(this);
this.child = "child";
}
// 創(chuàng)建子級(jí)對(duì)象
var child = new Child();
console.log(child);
組合方式繼承
組合繼承，也佳作為經(jīng)典繼承，指的是將原型鏈或原型式繼承和借助構(gòu)造.函數(shù)的技術(shù)組合在一起，發(fā)揮二者長(zhǎng)處的一種繼承方式。
1.使用原型鏈或原型式繼承實(shí)現(xiàn)對(duì)原型的屬性和方法的繼承。
2.通過(guò)借助構(gòu)造函數(shù)實(shí)現(xiàn)對(duì)實(shí)例對(duì)象的屬性和繼承。
這樣既通過(guò)在原型定義方法實(shí)現(xiàn)了函數(shù)的重用，又保證每個(gè)對(duì)象都有自己的專有屬性。
function Parent(){
// 構(gòu)造函數(shù)的自有屬性
this.name = "張無(wú)忌";
}
// 構(gòu)造函數(shù)的原型屬性
Parent.prototype.age = 18;
function Child(){
// 繼承父級(jí)構(gòu)造函數(shù)中的自有屬性
Parent.call(this);
this.job = "教主";
}
// 繼承父級(jí)構(gòu)造函數(shù)中的原型屬性
Child.prototype = Parent.prototype;
var child = new Child();
console.log(child.job);
console.log(child.age);
console.log(child.name);
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/108359.html
摘要：很多情況下，通常一個(gè)人類，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類是相似對(duì)象的描述，稱為類的定義，是該類對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過(guò)對(duì)類的實(shí)體化形成的對(duì)象。一類的對(duì)象抽取出來(lái)。注意中，對(duì)象一定是通過(guò)類的實(shí)例化來(lái)的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...
摘要：很多情況下，通常一個(gè)人類，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類是相似對(duì)象的描述，稱為類的定義，是該類對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過(guò)對(duì)類的實(shí)體化形成的對(duì)象。一類的對(duì)象抽取出來(lái)。注意中，對(duì)象一定是通過(guò)類的實(shí)例化來(lái)的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...
摘要：很多情況下，通常一個(gè)人類，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類是相似對(duì)象的描述，稱為類的定義，是該類對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過(guò)對(duì)類的實(shí)體化形成的對(duì)象。一類的對(duì)象抽取出來(lái)。注意中，對(duì)象一定是通過(guò)類的實(shí)例化來(lái)的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...
摘要：面向?qū)ο竺嫦驅(qū)ο蟮母攀雒嫦驅(qū)ο笫鞘裁疵嫦驅(qū)ο缶幊痰娜Q是，簡(jiǎn)稱。面向?qū)ο缶幊淌怯贸橄蠓绞絼?chuàng)建基于現(xiàn)實(shí)世界模型的一種編程。面向?qū)ο缶幊炭梢钥醋鍪鞘褂靡幌盗袑?duì)象相互協(xié)作的軟件設(shè)計(jì)。面向?qū)ο缶幊痰纳礁柚饕奶卣魇欠庋b繼承多態(tài)。 面向?qū)ο?面向?qū)ο蟮母攀?面向?qū)ο笫鞘裁?面向?qū)ο缶幊痰娜Q是Object Oriented Programming，簡(jiǎn)稱OOP。面向?qū)ο缶幊淌怯贸橄蠓绞絼?chuàng)建基于現(xiàn)實(shí)...
摘要：子類繼承自父類的方法可以重新定義即覆寫，被調(diào)用時(shí)會(huì)使用子類定義的方法什么是多態(tài)青蛙是一個(gè)對(duì)象，金魚也是一個(gè)對(duì)象，青蛙會(huì)跳，金魚會(huì)游，定義好對(duì)象及其方法后，我們能用青蛙對(duì)象調(diào)用跳這個(gè)方法，也能用金魚對(duì)象調(diào)用游這個(gè)方法。 1、專用術(shù)語(yǔ) 面向?qū)ο缶幊坛绦蛟O(shè)計(jì)簡(jiǎn)稱：OOP，在面向?qū)ο缶幊讨谐Ｓ玫降母拍钣校簩?duì)象、屬性、方法、類、封裝、聚合、重用與繼承、多態(tài)。 2、什么是對(duì)象？ 面向?qū)ο缶幊痰闹攸c(diǎn)...
摘要：是完全的面向?qū)ο笳Z(yǔ)言，它們通過(guò)類的形式組織函數(shù)和變量，使之不能脫離對(duì)象存在。而在基于原型的面向?qū)ο蠓绞街?，?duì)象則是依靠構(gòu)造器利用原型構(gòu)造出來(lái)的。 JavaScript 函數(shù)式腳本語(yǔ)言特性以及其看似隨意的編寫風(fēng)格，導(dǎo)致長(zhǎng)期以來(lái)人們對(duì)這一門語(yǔ)言的誤解，即認(rèn)為 JavaScript 不是一門面向?qū)ο蟮恼Z(yǔ)言，或者只是部分具備一些面向?qū)ο蟮奶卣鳌１疚膶⒒貧w面向?qū)ο蟊疽?，從?duì)語(yǔ)言感悟的角度闡述為什...
閱讀 2766·2023-04-26 00:07
閱讀 2496·2021-11-15 11:37
閱讀 718·2021-10-19 11:44
閱讀 2240·2021-09-22 15:56
閱讀 1826·2021-09-10 10:50
閱讀 1572·2021-08-18 10:21
閱讀 2667·2019-08-30 15:53
閱讀 1694·2019-08-30 11:11
