JavaScript中子對象訪問父對象的方式詳解
在傳統(tǒng)面向?qū)ο蟮木幊陶Z言里，都會提供一種子類訪問父類的特殊語法，引文我們在實(shí)現(xiàn)子類方法往往需要父類方法的額外輔助。在這種情況下，子類通常會調(diào)用父類中的同名方法，最終以便完成工作。
javascript雖然沒有類似上述的特殊語法，但我們可以造一個(gè)啊！
function her(){};
her.prototype.name = 'Anna';
her.prototype.toString = function(){
var const = this.constructor;
return const.uber ? this.const.uber.toString() + ',' + this.name : this.name;
}
function his(){};
var F = function(){};
F.prototype = her.prototype;
his.prototype = new F();
his.prototype.constructor = her;
his.uber = her.prototype;
his.prototype.name ='Jock';
function child(width, height){
this.width = width;
this.height = height;
}
var F = function(){};
F.prototype = his.prototype;
child.prototype = new F();
child.prototype.constructor = child;
child.uber = his.prototype;
child.prototype.name = 'Los';
child.prototype.getArea = function(){
return this.width * this.height;
}
我們在構(gòu)建關(guān)系的過程中，我們引入了一個(gè)uber屬性，并令其指向父及對象。
在這里，我們更新了以下內(nèi)容：
1. 將usber屬性設(shè)置成指向父對象的引用；
2. 對toString()方法進(jìn)行了更新；
之前的toString()方法只是簡單的返回this.name，現(xiàn)在我們給他添加了額外的任務(wù)，就是檢查this.constructor.usber屬性，如果存在就調(diào)用該屬性的toString()方法。
由于this.constructor本身是一個(gè)函數(shù)，而this.constructo.usber是指向當(dāng)前對象父級原型的引用，所以我們調(diào)用child實(shí)體的toString()方法時(shí)，其原型鏈上的toString()方法都會被調(diào)用。
var my = child(1,2); my.toString() // Anna, Jock, Los
以上所述是小編給大家介紹的JavaScript中子對象訪問父對象的方式詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
下面小編就為大家?guī)硪黄猨s數(shù)字舍入誤差以及解決方法(必看篇)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
javascript實(shí)現(xiàn)的猜數(shù)小游戲完整實(shí)例代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)的猜數(shù)小游戲,游戲中用戶共有10次猜測機(jī)會,并且每次都有不同的提示信息,該游戲涉及javascript流程控制與數(shù)值運(yùn)算的相關(guān)技巧,需要的朋友可以參考下2016-05-05
一文熟練掌握J(rèn)avaScript的switch用法
在JavaScript中switch語句是一種用于多條件分支的控制語句,下面這篇文章主要給大家介紹了關(guān)于如果通過一文熟練掌握J(rèn)avaScript的switch用法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
JavaScript實(shí)現(xiàn)tab欄切換的幾種常用方法
這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)tab欄切換的幾種常用方法,在Web開發(fā)中Tab切換是一個(gè)常見的功能,它允許用戶在不同的頁面部分之間進(jìn)行切換,需要的朋友可以參考下2023-12-12
prettier自動格式化去換行的實(shí)現(xiàn)代碼
這篇文章主要介紹了prettier自動格式化去換行的實(shí)現(xiàn)代碼，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-08-08
JS & JQuery 動態(tài)添加 select option
這篇文章主要介紹了JS & JQuery 動態(tài)添加 select option 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-06-06
這篇文章介紹了js單例模式的兩種方案，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了在Iframe中獲取父窗口中表單的值(示例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)代碼雨特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
Taro，京東凹凸實(shí)驗(yàn)室出品的適配多端的一個(gè)框架，這篇文章主要介紹了使用taro開發(fā)微信小程序遇到的坑總結(jié),需要的朋友可以參考下2019-04-04