美文网首页
es6的对象继承

es6的对象继承

作者: 关耳木南 | 来源:发表于2019-07-09 17:15 被阅读0次
<script type="text/javascript">
    //父类
    class P1{
        constructor(opt){
            this.x = opt.x
        }
        say(){
            console.log(this.x)
        }
    }
    class P2 extends P1{
        constructor(opt){
            super(opt)//super必须调用,这是语法规定,否则会把错
            //扩展方法
            this.y = opt.y
        }
        hi(){
            console.log(this.y)
        }
    }
    const o1 = new P1({x:0});
    const o2 = new P2({x:1,y:2});
    o1.say();//0
    o2.say();//1
    o2.hi();//2
</script>

相关文章

  • ES6的面向对象

    ES6面向对象 [TOC] 继承:

  • JavaScript之面向对象编程

    五、面向对象编程 目录:面向对象原型继承、面向对象class继承(ES6引入的) 1.面向对象原型继承 类:模板 ...

  • JavaScript 面向对象编程

    写法 ES6面向对象的写法---类继承

  • 13.ES6面向对象之继承

    ES6中面向对象可以继承:1、ES6中的继承使用关键字 extends2、调用父类构造使用super() 案例

  • js 常见方法

    继承 es6: 寄生组合继承: new • 创建一个空对象,将它的引用赋给 this,继承函数的原型。• 通过 t...

  • js对象的继承方式

    es6的继承方式 原型链继承方式 实例继承 此类继承方式比较简单直接 把 new的 对象直接付给新的变量就是可以了...

  • ES6

    ES6是一个语言标准,不是一个框架。 ES6中的class与继承 class是创建类对象与实现类继承的语法糖,旨在...

  • javaScript对象的继承

    目录: 伪继承 通过中间对象实现 ES6 class实现继承关系 1.伪继承 父类: 子类: 示例: 接着上面的代...

  • es6的对象继承

  • 面向对象的程序设计

    本文主要介绍 对象、创建对象的方式、继承、原型等基本概念及多种组合继承方式。需要注意的是:本文不涵盖 ES6 的语...

网友评论

      本文标题:es6的对象继承

      本文链接:https://www.haomeiwen.com/subject/bblfkctx.html