博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6深入学习记录(一)class方法相关
阅读量:4638 次
发布时间:2019-06-09

本文共 916 字,大约阅读时间需要 3 分钟。

今天学习class相关的一些使用方法,着重在于class extends

 class之间可以通过extends关键字实现继承,这比ES5的通过修改原型链实现继承,要清晰和方便很多。

上面的代码定义了一个 Test 类,该类通过 extends 关键字,继承了 Point 类的所有属性和方法。但是由于没有部署任何代码,所以这两个类完全一样,等于复制了一个Point类。

super 方法

代码中,constructor 方法和 toString 方法之中都出现了 super 关键字,它在这里表示父类的构造函数,用来新建父类的this对象

子类必须在 constructor 方法中调用 super 方法,否则新建实例时会报错。这是因为子类没有自己的 this 对象,而是继承父类的 this 对象,然后对其进行加工。如果不调用 super 方法,子类就得不到this 对象。说白了,super 方法就是子类继承父类 this 对象的一个方法。

 

 

 

上面是生成子类实例的代码,实例对象 cd 同时事 Test 和 Point 两个类的实例,这与ES5的行为完全一致。

 

类的 prototype 属性 和 __proto__ 属性 (还挺重要的,涉及原型链)

在es5实现上,每一个对象都有 __proto__ 属性,指向对应的构造函数的 prototype 属性。class 作为构造函数的语法糖,同时有prototype 属性和__proto__ 属性,因此同时存两条继承链。

  1. 子类的 __proto__ 属性,表示构造函数的继承,总是指向父类

  2. 子类的 prototype 属性的 __proto__ 属性,表示方法的继承,总是指向父类的 prototype 属性

 

上面的代码中,子类B的 __proto__ 属性 指向父类A,子类B的 prototype 属性的__proto__属性指向父类A的prototype属性

总结:今天学习了 class extends 继承的原理,以及一些关于原型链的拓展。

转载于:https://www.cnblogs.com/tim100/p/6102810.html

你可能感兴趣的文章
Knowledge Point 20180305 数据在计算机中的表示
查看>>
谈谈对web标准的理解
查看>>
DIV+CSS规范命名大全集合
查看>>
求二进制中1的个数(编程之美2.1)
查看>>
hdu 4289 网络流拆点,类似最小割(可做模板)邻接矩阵实现
查看>>
58前端内推笔试2017(含答案)
查看>>
写给自己的web开发资源
查看>>
Java学习笔记
查看>>
sprintf 和strcpy 的差别
查看>>
打表打表何谓打表?
查看>>
MPEG4与.mp4
查看>>
实验5
查看>>
git 下载 安装
查看>>
录制终端信息并回放
查看>>
JS中window.event事件使用详解
查看>>
ES6深入学习记录(一)class方法相关
查看>>
《BI项目笔记》用Excel2013连接和浏览OLAP多维数据集
查看>>
C语言对mysql数据库的操作
查看>>
SQL Server 数据库备份
查看>>
INNO SETUP 获得命令行参数
查看>>