JS子类如何实现用Object.getPrototypeOf去调用父类

这次给大家带来js子类如何实现用object.getprototypeof去调用父类,下面就是实战案例,一起跟随小编的脚步来看一下。

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

登录后复制

以上就是JS子类如何实现用Object.getPrototypeOf去调用父类的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2780023.html

(0)
上一篇 2025年3月8日 15:54:47
下一篇 2025年3月8日 15:54:53

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 详解JavaScript继承方式(一)

    面向对象的语言多数都支持继承,继承最重要的优点就是代码复用,从而构建大型软件系统。如果一个类能够重用另一个类的属性和或方法,就称之为继承。从这个角度来看看js的继承方式。js中继承方式与写类方式息息相关。不同的写类方式造成不同的继承方式。各…

    编程技术 2025年3月8日
    200
  • javascript的代码优化详解

    这次给大家带来javascript的代码优化详解,javascript代码优化的注意事项有哪些,下面就是实战案例,一起来看一下。 本文将详细介绍JS编程风格的几个要点 松耦合 当修改一个组件而不需要更改其他组件时,就做到了松耦合 1、将JS…

    编程技术 2025年3月8日
    200
  • 如何解决js里面的php代码报错问题

    在一个模块中,前端是extjs,后端是php,报错,这是在php的错误警告开到最严格的时候报的错,虽然程序可以跑,可是日志堆积越来越多。 Undefined variable:loginUserName 登录后复制 Ext.onReady(…

    编程技术 2025年3月8日
    200
  • JavaScript中五大常见函数详解

    在 javascript 中有一些问题会被拿出来经常讨论,这些问题每个人都有不同的思路,想要理解这些问题,最好的方法就是自己实现一遍,话不多说,开始正题。 数组扁平化 数组扁平化有很多方法,但最终最好的方法就是递归,实现一个指定深度的扁平化…

    编程技术 2025年3月8日
    200
  • javascript实现上传文件到后台接收

    在wordpress后台管理的插件管理界面,想添加一个ajax无刷新的上传,先说一下思路: 上传文件,必需得取得当前的文件的数据流,然后通过ajax的post方式发送给服务器处理。 (1)如何获取当前文件的数据流呢? 答:通过FormDat…

    编程技术 2025年3月8日
    200
  • JavaScript实现txt文件的上传并预览功能

    今天做项目刚好碰到这个记录一下。因为是简单的txt文件,只涉及文本,如果需要涉及图片预览就需要使用papaparse和jschardet,此处不多叙述。  表单按钮使用js的onchange=”uploadfile()” 事件,functi…

    2025年3月8日
    200
  • 红黑树的插入及Javascript实现方法详解

    本文主要和大家分享红黑树的插入及javascript实现方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,希望能帮助到大家。 红黑树的性质 一棵满足以下性质的二叉搜索树是一棵红黑树 每个结点或是黑色或是红…

    2025年3月8日 编程技术
    200
  • javascript实现文件拖拽事件的代码

    本文主要为大家详细介绍了javascript实现文件拖拽事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 1.效果图: 2.源码    #p1 { width: 350px; height: 70px; paddi…

    2025年3月8日
    200
  • JavaScript一些频繁易错点整理分享

    1.前言 这段时间,金三银四,很多人面试,很多人分享面试题。在前段时间,我也临时担任面试官,为了大概了解面试者的水平,我也写了一份题目,面试了几个前端开发者。在这段时间里面,我在学,在写设计模式的一些知识,想不到的设计模式的这些知识,就是面…

    2025年3月8日 编程技术
    200
  • Javascript中new()详解

    和其他高级语言一样 javascript 中也有 new 运算符,我们知道 new 运算符是用来实例化一个类,从而在内存中分配一个实例对象。 但在 javascript 中,万物皆对象,为什么还要通过 new 来产生对象? 本文将带你一起来…

    2025年3月8日
    200

发表回复

登录后才能评论