美文网首页
es6中的类继承

es6中的类继承

作者: 韩宏轩 | 来源:发表于2017-09-12 19:14 被阅读0次

class parent{

constructor(){

this.name = "parent"

}

p_say(){

console.log("hello")

}

}

class kid extends parent{}

通过观察 new kid() , kid.prototype , new parent() , parent.prototype 可以发现:

1) new parent() 与 new kid() 中的属性一样,kid 通过constructor类继承了parent的属性(相当于调用call)

2) parent.prototype 中的方法是 parent 中constructor之外的方法

3) kid.prototype 为空,只有两个默认属性:

__proto__ : 指向parent.prototype,起到继承 parent.prototype的作用(跨了一级)

constructor : 指向 kid

以上是结果,实现过程并不复杂。

相关文章

  • es5 es6静态方法、类、单例模式

    es5中的类和静态方法 es5继承 es6中的类 es6里面的继承 es6里面的静态方法 es6单例模式 转载:h...

  • JS中类的继承封装和多态

    子类继承父类的属性和方法(原生继承,call继承,寄生组合继承,ES6中class类继承)原生继承:让子类的原型指...

  • ES的类与继承

    ES5中的类与继承 构造函数继承,原型继承,组合式继承 静态方法,静态属性,实例方法,实例属性 ES6中的类与继承...

  • 继承

    老版继承 call () ES6继承 extends 继承super 超类/父类

  • 13.ES6面向对象之继承

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

  • react组件

    es6 的class类的继承 运用es6 class继承 通过继承React.Component类来定义一个组件

  • ES6

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

  • ES6中类与继承的理解(java对比记忆)

    ES6中类与继承的理解(java对比记忆) 先上两段代码:java中定义类: Es6中定义一个类: 通过上面两端代...

  • javascript之模拟类继承

    前言 ES6时代的来临,使得类继承变得如此的圆滑。但是,你有思考过ES6的类继承模式吗?如何去实现它呢? 类继承对...

  • [JavaScript] class

    ES6中的class基于原型继承创建类。 (1)class只是原型继承的语法糖 相当于: 注: class定义中...

网友评论

      本文标题:es6中的类继承

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