JavaScript子類用Object.getPrototypeOf去調(diào)用父類方法解析
更新時間：2013年12月05日 09:43:06 作者：
這篇文章主要介紹了JavaScript子類用Object.getPrototypeOf去調(diào)用父類方法。需要的朋友可以過來參考下，希望對大家有所幫助
每個function有個prototype屬性，稱為原型。每個對象也有個原型，F(xiàn)irefox/Safari/Chrome/Opera 中可以通過__proto__來訪問，IE6/7/8中沒有提供相關(guān)接口。
復(fù)制代碼 代碼如下:
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);
}
定義了父類Person，子類Man。new一個Man的對象，打印出所有屬性。
ECMAScript V5為Object添加了靜態(tài)的getPrototypeOf方法( Firefox/Chrome已實(shí)現(xiàn) )，用來獲取對象的原型。用它可以模仿Java的super。
復(fù)制代碼 代碼如下:
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();
子類Man中掛在this上的m1方法中調(diào)用父類Person中掛在this上的method1，掛在prototype上的m2方法調(diào)用父類prototype上的method2。
以上可以看出對象原型不但包括其構(gòu)造器prototype上的屬性，也包括構(gòu)造器中this上的屬性。當(dāng)然由于JavaScript中上下文的原因，父類中的this不能在子類中不能很好的自動轉(zhuǎn)換，需要一些技巧完成。
Java中是這樣的
復(fù)制代碼 代碼如下:
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ù)的類型方法之typeof與0bject.prototype.toString講解
- js類定義函數(shù)時用prototype與不用的區(qū)別示例介紹
- JavaScript使用prototype定義對象類型
- JavaScript使用prototype定義對象類型(轉(zhuǎn))[
- JavaScript類和繼承 prototype屬性
- javascript基于prototype實(shí)現(xiàn)類似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)置對象添加新的方法
- JS利用prototype給類添加方法操作詳解
相關(guān)文章
JavaScript使用RegExp進(jìn)行正則匹配的方法
這篇文章主要介紹了JavaScript使用RegExp進(jìn)行正則匹配的方法,實(shí)例分析了RegExp對象在進(jìn)行正則匹配時的相關(guān)使用技巧,需要的朋友可以參考下2015-07-07
javascript實(shí)現(xiàn)帶下拉子菜單的導(dǎo)航菜單效果
這篇文章主要介紹了javascript實(shí)現(xiàn)帶下拉子菜單的導(dǎo)航菜單效果的方法,涉及javascript操作頁面元素與樣式的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了Canvas實(shí)現(xiàn)微信紅包照片效果，用canvas及css3結(jié)合，實(shí)現(xiàn)紅包照片的效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
收集的網(wǎng)上用的ajax之chat.js文件...2007-04-04
JS中關(guān)于ES6?Module模塊化的跨域報錯問題解決
這篇文章主要介紹了JS中關(guān)于ES6?Module模塊化的跨域報錯,ES6模塊化提供了export命令和import?命令，對于模塊的導(dǎo)出和引入，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-07-07
淺談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝
下面小編就為大家?guī)硪黄獪\談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
直接用ID屬性進(jìn)行引用 直接用NAME屬性進(jìn)行引用 使用getElementById(),getElementsByName(),getElementsByTagName()進(jìn)行引用2009-06-06
想必大家對base64并不陌生吧，在本文將為大家介紹下Js中的base64加密解密過程，感興趣的朋友不要錯過2013-10-10
下面小編就為大家?guī)硪黄猨s判斷文件格式及大小的簡單實(shí)例(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jszip插件實(shí)現(xiàn)圖片打包下載的方法分析
這篇文章主要介紹了jszip插件實(shí)現(xiàn)圖片打包下載的方法,結(jié)合實(shí)例形式分析了JavaScript使用jszip插件依據(jù)圖片列表打包下載zip壓縮文件的相關(guān)操作技巧,需要的朋友可以參考下2023-05-05