JavaScript子類(lèi)用Object.getPrototypeOf去調(diào)用父類(lèi)方法解析
每個(gè)function有個(gè)prototype屬性,稱(chēng)為原型。每個(gè)對(duì)象也有個(gè)原型,F(xiàn)irefox/Safari/Chrome/Opera 中可以通過(guò)__proto__來(lái)訪問(wèn),IE6/7/8中沒(méi)有提供相關(guān)接口。
function Person(){
this.method1 = function(){}
}
Person.prototype.method2 = function(){}
function Man(){}
Man.prototype = new Person();
Man.prototype.m1 = function(){}
Man.prototype.m2 = function(){}
var m = new Man();
for(var a in m.__proto__){
alert(a);
}
定義了父類(lèi)Person,子類(lèi)Man。new一個(gè)Man的對(duì)象,打印出所有屬性。
ECMAScript V5為Object添加了靜態(tài)的getPrototypeOf方法( Firefox/Chrome已實(shí)現(xiàn) ),用來(lái)獲取對(duì)象的原型。用它可以模仿Java的super。
function Person(){
this.method1 = function(){alert(1)}
}
Person.prototype.method2 = function(){alert(2);}
function Man(){
this.m1 = function(){
Object.getPrototypeOf(this).method1();
}
}
Man.prototype = new Person();//原型繼承
Man.prototype.m2 = function(){
Object.getPrototypeOf(this).method2();
}
var man = new Man();
man.m1();
man.m2();
子類(lèi)Man中掛在this上的m1方法中調(diào)用父類(lèi)Person中掛在this上的method1,掛在prototype上的m2方法調(diào)用父類(lèi)prototype上的method2。
以上可以看出對(duì)象原型不但包括其構(gòu)造器prototype上的屬性,也包括構(gòu)造器中this上的屬性。當(dāng)然由于JavaScript中上下文的原因,父類(lèi)中的this不能在子類(lèi)中不能很好的自動(dòng)轉(zhuǎn)換,需要一些技巧完成。
Java中是這樣的
package bao1;
class Person {
private String name;
Person(String name) {
this.name = name;
}
public void method1() {
System.out.println(this.name);
}
}
class Man extends Person{
Man(String name) {
super(name);
}
public void m1() {
super.method1();
}
}
public class Test {
public static void main(String[] args) {
Man man1 = new Man("Jack");
man1.m1();
}
}
- 判斷js中各種數(shù)據(jù)的類(lèi)型方法之typeof與0bject.prototype.toString講解
- js類(lèi)定義函數(shù)時(shí)用prototype與不用的區(qū)別示例介紹
- JavaScript使用prototype定義對(duì)象類(lèi)型
- JavaScript使用prototype定義對(duì)象類(lèi)型(轉(zhuǎn))[
- JavaScript類(lèi)和繼承 prototype屬性
- javascript基于prototype實(shí)現(xiàn)類(lèi)似OOP繼承的方法
- JS偽繼承prototype實(shí)現(xiàn)方法示例
- 淺談js構(gòu)造函數(shù)的方法與原型prototype
- js實(shí)現(xiàn)prototype擴(kuò)展的方法(字符串,日期,數(shù)組擴(kuò)展)
- Javascript中prototype屬性實(shí)現(xiàn)給內(nèi)置對(duì)象添加新的方法
- JS利用prototype給類(lèi)添加方法操作詳解
相關(guān)文章
JS實(shí)現(xiàn)兼容各種瀏覽器的獲取選擇文本的方法【測(cè)試可用】
這篇文章主要介紹了JS實(shí)現(xiàn)兼容各種瀏覽器的獲取選擇文本的方法,可實(shí)現(xiàn)鼠標(biāo)拖動(dòng)選擇文本的同時(shí),下方顯示區(qū)同步實(shí)時(shí)顯示選中內(nèi)容的功能,涉及javascript響應(yīng)鼠標(biāo)事件及頁(yè)面元素動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-06-06詳解JS實(shí)現(xiàn)簡(jiǎn)單的時(shí)分秒倒計(jì)時(shí)代碼
這篇文章主要介紹了JS時(shí)分秒倒計(jì)時(shí)的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04javascript模擬實(shí)現(xiàn)C# String.format函數(shù)功能代碼
這篇文章主要介紹了javascript模擬實(shí)現(xiàn)C# String.format函數(shù)功能,相信大家可以用的到2013-11-11JS判斷字符串字節(jié)數(shù)并截取長(zhǎng)度的方法
這篇文章主要介紹了JS判斷字符串字節(jié)數(shù)并截取長(zhǎng)度的方法,涉及JavaScript針對(duì)頁(yè)面元素與字符串的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-03-03關(guān)于對(duì)async?await效率問(wèn)題的深入思考
這篇文章主要給大家介紹了關(guān)于對(duì)async?await效率問(wèn)題的深入思考,async和await要搭配Promise使用,它進(jìn)一步極大的改進(jìn)了Promise的寫(xiě)法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01理解javascript中的回調(diào)函數(shù)(callback)
這篇文章主要介紹了理解javascript中的回調(diào)函數(shù)(callback),本文著重于對(duì)回調(diào)函數(shù)概念的理解,需要的朋友可以參考下2014-09-09fw.qq.com/ipaddress已失效 javascript獲得客戶端IP的新方法
一直以來(lái),我都是通過(guò)http://fw.qq.com/ipaddress來(lái)獲得客戶端用戶的IP,這個(gè)方法簡(jiǎn)單、快速、實(shí)用2012-01-01利用d3.js力導(dǎo)布局繪制資源拓?fù)鋱D實(shí)例教程
這篇文章主要給大家介紹了關(guān)于如何利用d3.js力導(dǎo)布局繪制資源拓?fù)鋱D的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01JavaScript實(shí)現(xiàn)非常簡(jiǎn)單實(shí)用的下拉菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)非常簡(jiǎn)單實(shí)用的下拉菜單效果,通過(guò)定義顯示及隱藏菜單項(xiàng)及鼠標(biāo)事件調(diào)用該函數(shù)實(shí)現(xiàn)下拉菜單功能,需要的朋友可以參考下2015-08-08