• 技术文章 >web前端 >js教程

    js继承中的方法重写重点讲解

    亚连亚连2018-05-17 09:57:41原创1426
    1.面试中遇到的一道题,子类继承父类,父类有两个方法,重写其中一个方法。继承我是肯定是用组合方式继承,方法都是在原型上写的,重写的方法直接在子类的原型对象上写就ok了,因为对象的属性查找是按照原型链上就近原则的,先找到的方法就调用这个方法。

    2.代码如下:

    [javascript] view plain copy
    // supcalss  
    var parent = function(name,age){  
        this.name = name;  
        this.age = age;  
    }  
    parent.prototype.showProper = function()  
    {  
        console.log(this.name+":"+this.age);  
    }  
    var child = function(name,age){  
        parent.call(this,name,age);  
    }  
    // inheritance  
    child.prototype = Object.create(parent.prototype);  
    // child.prototype = new parent();  
    child.prototype.constructor = child;
    // rewrite function  
    child.prototype.showProper = function(){  
        console.log('I am '+this.name+":"+this.age);  
    }  
    var obj = new child('wozien','22');  
    obj.showProper();

    这样子类就是重写了父类的showProper方法了。其中Object.create(proto)函数是创建一个以proto对象为原型对象的对象,并且返回这个对象。

    查找方法的顺序:obj -> child.prototype ->parent.prototype

    3.注意的地方:在JS实现方法继承和重写的时候,或者在创建类方法的时候,都是在原型对象prototype上操作的,其他方式继承方法就不用考虑了。

    相关文章:

    JS中定义类的方法讲解

    JavaScript的基本语法及变量讲解

    js中一些基础常用的方法讲解

    以上就是js继承中的方法重写重点讲解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 重点 重写
    上一篇:JS中定义类的方法讲解 下一篇:重点分析JavaScript重写alert()方法的技巧
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• 简单介绍JavaScript “原型“与“原型链“• 聊聊Node.js中的进程、线程、协程与并发模型• JavaScript怎么处理树状结构数据的增删改查• JavaScript知识点总结之DOM• 一文了解Node中的文件模块和核心模块
    1/1

    PHP中文网