JavaScript子類用Object.getPrototypeOf去調(diào)用父類方法解析
每個function有個prototype屬性,稱為原型。每個對象也有個原型,F(xiàn)irefox/Safari/Chrome/Opera 中可以通過__proto__來訪問,IE6/7/8中沒有提供相關(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);
}
定義了父類Person,子類Man。new一個Man的對象,打印出所有屬性。
ECMAScript V5為Object添加了靜態(tài)的getPrototypeOf方法( Firefox/Chrome已實(shí)現(xiàn) ),用來獲取對象的原型。用它可以模仿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();
子類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中是這樣的
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)文章
JS實(shí)現(xiàn)兼容各種瀏覽器的獲取選擇文本的方法【測試可用】
這篇文章主要介紹了JS實(shí)現(xiàn)兼容各種瀏覽器的獲取選擇文本的方法,可實(shí)現(xiàn)鼠標(biāo)拖動選擇文本的同時,下方顯示區(qū)同步實(shí)時顯示選中內(nèi)容的功能,涉及javascript響應(yīng)鼠標(biāo)事件及頁面元素動態(tài)操作技巧,需要的朋友可以參考下2016-06-06詳解JS實(shí)現(xiàn)簡單的時分秒倒計(jì)時代碼
這篇文章主要介紹了JS時分秒倒計(jì)時的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04javascript模擬實(shí)現(xiàn)C# String.format函數(shù)功能代碼
這篇文章主要介紹了javascript模擬實(shí)現(xiàn)C# String.format函數(shù)功能,相信大家可以用的到2013-11-11理解javascript中的回調(diào)函數(shù)(callback)
這篇文章主要介紹了理解javascript中的回調(diào)函數(shù)(callback),本文著重于對回調(diào)函數(shù)概念的理解,需要的朋友可以參考下2014-09-09fw.qq.com/ipaddress已失效 javascript獲得客戶端IP的新方法
一直以來,我都是通過http://fw.qq.com/ipaddress來獲得客戶端用戶的IP,這個方法簡單、快速、實(shí)用2012-01-01利用d3.js力導(dǎo)布局繪制資源拓?fù)鋱D實(shí)例教程
這篇文章主要給大家介紹了關(guān)于如何利用d3.js力導(dǎo)布局繪制資源拓?fù)鋱D的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01JavaScript實(shí)現(xiàn)非常簡單實(shí)用的下拉菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)非常簡單實(shí)用的下拉菜單效果,通過定義顯示及隱藏菜單項(xiàng)及鼠標(biāo)事件調(diào)用該函數(shù)實(shí)現(xiàn)下拉菜單功能,需要的朋友可以參考下2015-08-08