如何继承JavaScript类

小编这次要给大家分享的是如何继承JavaScript类,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。

为陇西等地区用户提供了全套网页设计制作服务,及陇西网站建设行业解决方案。主营业务为成都做网站、成都网站建设、陇西网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

类的继承

1 子承父业

extends(继承父类的普通函数)(方法)

class Father {
      constructor() {
      }
      money() {
        console.log(100);  
      }
    }
    class Son extends Father {
    }
    class sunzi extends Son {

    }
    var yxf = new Father;
    var lbw = new Son;
    var bb = new sunzi;
    console.log(yxf.money());
    console.log(lbw.money());
    console.log(bb.money());

super的用法

用于访问和调用对象父类上的函数。可以调用父类的构造函数,也可以调用父类的普通函数(方法)

class Father1 {
      constructor(x,y) {
        this.x = x;
        this.y = y;
      }
      sum() {
        console.log(this.x + this.y);
      }
    }
    class Son1 extends Father1 {
      constructor(x,y){
        super(x,y);
      }
    }
    var yxf = new Son1(1,2);
    yxf.sum();

super关键字调用就近原则

子类继承父类,同时扩展自己的方法

注意:子类子构造函数使用super 必须放到this的前面(必须先调用父类的构造方法 再使用子类的构造方法)父亲永远是第一位的!!!!

 

看完这篇关于如何继承JavaScript类的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。


网站栏目:如何继承JavaScript类
标题网址:http://bzwzjz.com/article/pepdih.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站设计 成都网站设计 响应式网站设计 成都响应式网站建设公司 成都网站建设公司 企业网站制作 成都网站建设公司 成都网站制作 成都网站设计 成都网站建设 H5网站制作 重庆网站建设 定制级高端网站建设 网站设计制作 成都网站建设 成都网站制作 公司网站建设 成都网站制作公司 高端网站设计 高端网站设计 成都网站制作 网站建设