码迷,mamicode.com
首页 > 其他好文 > 详细

【函数】class 基本语法

时间:2020-05-31 22:06:07      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:size   目录   没有   this   父类   ike   href   属性   添加   

目录:

1、Class 简介

2、Class 特性

3、Class 表达式

4、Class Static 静态方法

5、new.target

 

Class 简介

   ES6 的 Class 写法只是弱化了 ES5 中构造函数的写法,变得更像强类型语言的写法。这可以理解为是语法糖。下面对比 ES5 与 ES6,两段代码实现的功能是相同的。

技术图片 技术图片

 

Class特性

共性

1. 实例化时,ES5 跟 ES6 都用到 new。

  ES6 实例化没有用到 new 的话会报错。

  ES5 实例化不用 new 也可以,不会报错。

技术图片

 2. 同于构造函数

技术图片

 

差异

1. ES6 的方法是不支持枚举的

技术图片

技术图片

 

 2.在 Class 中所有的写法都要遵循严格模式,跟模块十分相似,都是需要用严格模式来做。

 

Class 表达式

1. Class内部定义

技术图片

 说明:inside 只能在内部被引用,如果在外部被引用会报错。

 

2. 立即执行

技术图片

 

 3. 二次声明

在ES5中二次声明不会报错,在ES6中二次声明会报错

技术图片

 

4. ES6 不支持变量提升

技术图片

 

Class Static 静态方法

在class里面添加静态方法,实例无法调用static

技术图片

 

static this 指向类

技术图片

类的继承包含 static,如果在子类中找不到方法,会往超类中找。

技术图片

 

Class 内部只有静态方法,没有静态属性。

 

new.target

ES5 中的 new.target

技术图片

 

 Class 中的 new.target,子类中的 new.target 指向子类,不指向父类

技术图片

 

  

 

 

 

 

 

 

 

 

【函数】class 基本语法

标签:size   目录   没有   this   父类   ike   href   属性   添加   

原文地址:https://www.cnblogs.com/xiaoxuStudy/p/12727595.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!