JavaScript子类用Object.getPrototypeOf去调用父类方法解析

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript子类用Object.getPrototypeOf去调用父类方法解析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1761字，纯文字阅读大概需要3分钟。

内容图文

每个function有个prototype属性，称为原型。每个对象也有个原型，Firefox/Safari/Chrome/Opera 中可以通过__proto__来访问，IE6/7/8中没有提供相关接口。
代码如下:
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添加了静态的getPrototypeOf方法( Firefox/Chrome已实现 )，用来获取对象的原型。用它可以模仿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方法中调用父类Person中挂在this上的method1，挂在prototype上的m2方法调用父类prototype上的method2。

以上可以看出对象原型不但包括其构造器prototype上的属性，也包括构造器中this上的属性。当然由于JavaScript中上下文的原因，父类中的this不能在子类中不能很好的自动转换，需要一些技巧完成。

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();
    }
}

内容总结

以上是互联网集市为您收集整理的JavaScript子类用Object.getPrototypeOf去调用父类方法解析全部内容，希望文章能够帮你解决JavaScript子类用Object.getPrototypeOf去调用父类方法解析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端