ES6之前没有类的概念,一般采用以下方式来模仿类

基本的类声明语法

私有属性是实例中的属性,不会出现在原型上,且只能在类的构造函数中创建所有私有属性

PersonClass声明实际上创建了一个具有构造函数方法行为的函数

与函数不同的是,类属性不可被赋予新值

类与自定义类型间的差异

(1)函数声明可以被提升,而类声明与let声明类似,不能被提升,执行声明语句之前,都处于临时死区

(2)类声明中所有代码将自动运行在严格模式下,而且无法强行让代码脱离严格模式执行

(3)在自定义类型中,需要通过Object.defineProperty() 方法手工指定某个方法为不可枚举;而在类中,所有方法都是不可枚举的

(4)每个类都有一个名为[[constructor]] 的内部方法,通过new关键字调用那些不含[[constructor]]方法会抛出错误

(5)使用除new关键字外的方式调用类的构造函数会导致程序抛出错误

(6)在类中修改类名会抛出错误

与PersonClass声明的等价代码

类的名称只在类中为常量,不能修改,可以在外部修改

类表达式

PersonClass.name值为空串

命名类表达式

类: 可以传入函数,可以从函数返回,可以赋值给变量的值

(1)传入函数

返回类的实例化存在obj中

(2)类表达式的单例

通过立即执行表达式创建了一个实例,并传递了name参数

访问器属性

可计算成员名称

静态成员

ES5 时,直接将方法添加到构造函数中来模拟静态成员是一种常见的模式

由于工厂方法PersonType.create() 使用的数据不依赖于PersonType的实例,所以被认为是静态方法

ES6 类中

使用static定义静态方法,不能用于构造函数, 不可在实例中访问静态成员,必须要直接在类中访问静态成员

继承与派生类

ES6 之前的继承(寄生组合式继承)

类出现后,

继承自其它类的类称为派生类,如果派生类中指定了构造函数则一定要调用super(),如果不这样做程序会报错

如果没有使用构造函数,则当创建新的类实例会自动调用super() 并传入参数

super() 使用

1.只可在派生类的构造函数中使用super()

2.在构造函数中访问this一定要先调用super() ,它用来初始化this

类方法遮蔽

派生类中的方法会覆盖基类中的同名方法。

如果想使用基类中的方法,可以使用super.getArea() 来调用

静态成员继承

可以发现,派生类去调用基类的静态方法,返回的是基类的实例

派生自表达式的类

因为Rectangle 具有 [[Construct]] 属性和原型,所以Square可以直接继承它

动态确定类的继承目标

内建对象的继承

ES5中不行,

ES6 可以

因为ES5的传统继承方式,先由派生类型创建this值,然后调用基类的构造函数(例如apply()),这也意味着,this开始的指向是派生类型的实例,但是随后会被基类的其它属性修饰

ES6继承则与之相反,先由基类创建this的值,然后派生类的构造函数再修改这个值,所以一开始可以通过this访问基类的所有内建功能,然后再接收其它功能

内建对象继承时,原本在内建对象中返回实例自身的方法将自动返回派生类的实例

通过Symbol.species实现,被用于定义返回函数的静态访问器属性,被返回的是一个构造函数

可以通过Symbol.species来指定那些返回数组的方法应该从哪个类中获取

在类的构造函数中使用new.target

因为通过Rectangle调用构造函数

此时new.target的值不为Rectangle,因为是通过Square调用的Rectangle的构造函数,所以new.target的值为Square

抽象基类

因为类必须通过new关键字来调用,所以new.target 不可能是undefined

ES6 类的更多相关文章

  1. React与ES6(三)ES6类和方法绑定

    React与ES6系列: React与ES6(一)开篇介绍 React和ES6(二)ES6的类和ES7的property initializer React与ES6(三)ES6类和方法绑定 React ...

  2. 封装的通过微信JS-SDK实现自定义分享到朋友圈或者朋友的ES6类!

    引言: 我们经常在做微信H5的过程中需要自定义分享网页,这个如何实现呢?请看如下的封装的ES6类及使用说明! /** * @jssdk js对象,包括appId,timestamp,nonceStr, ...

  3. ES6 类(Class)基本用法和静态属性+方法详解

    原文地址:http://blog.csdn.net/pcaxb/article/details/53759637 ES6 类(Class)基本用法和静态属性+方法详解 JavaScript语言的传统方 ...

  4. Es6 类的关键 super、static、constructor、new.target

    ES6引入了Class(类)这个概念,作为对象的模板,通过class关键字,可以定义类.基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对 ...

  5. Es6 类class的关键 super、static、constructor、new.target

    ES6引入了Class(类)这个概念,作为对象的模板,通过class关键字,可以定义类.基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对 ...

  6. es5继承和es6类和继承

    es6新增关键字class,代表类,其实相当于代替了es5的构造函数 通过构造函数可以创建一个对象实例,那么通过class也可以创建一个对象实列 /* es5 创建一个person 构造函数 */ f ...

  7. ES6类的继承

    ES6 引入了关键字class来定义一个类,constructor是构造方法,this代表实例对象. constructor相当于python的init 而this 则相当于self 类之间通过ext ...

  8. ES6类与模块

    class Animal { // 构造方法,实例化的时候会被调用,如果不指定,那么会有一个不带参数的默认构造函数 constructor(name, color) { this.name = nam ...

  9. ES6(类)

    类的概念 1.基本定义 2.继承 继承如何传递参数?(super) 定义自己属性的时候调用 this 一定要在 super 之后(在继承关系中,子类的构造函数如果用 super 传递参数的过程中,su ...

随机推荐

  1. 回到未来123Back To The Future

    或许,决定着现在的过去已经无法改变,但决定着未来的现在,却在我们每个人的手里. 路?我们要去的地方不需要路.(Roads? Where we're going we don't need roads) ...

  2. Ubuntu点击dash home就崩溃

    很崩溃的一个问题,搞了好久.并没有很清楚的知道具体哪个细节导致的问题,只是大概知道了原因,以及搞出了一个解决方案. 问题描述 台式机,没有独立显卡,也就是只有一个intel CPU在一起的小破显卡(我 ...

  3. 新版的K8S中的flannel.yaml文件中要注意的细节

    部署flannel作为k8s中的网络插件,yaml文件都大小同异. 但在要注意以下细节. 以前,只需要前面master判断. 现在也需要有not-ready状态了. tolerations: - ke ...

  4. kafka 备忘

    创建topic/usr/local/kafka/bin/kafka-topics.sh --create --zookeeper 127.0.0.1:2181 --partitions 3 --rep ...

  5. [转] 梦里Babel知多少(一)

    平时开发中,经常需要用到ES6/ES7的语法.那么就需要用到Babel来对代码进行转码处理. 之前用Vue比较多,所以以Vue-cli作为参考来分析.  第一张图是几个月前的Vue-cli生成的 第二 ...

  6. PHP Fatal error: SOAP-ERROR: Parsing WSDL: Couldn't load from 'http://xxxx.wsdl'

    libxml_disable_entity_loader(false); $client = new \SoapClient($wsdl); 完美解决办法加上 php的soap扩展是否安装  open ...

  7. ssm又乱码

    以前用mybatis的时候是这样的 mysql.connection.url=jdbc:mysql://localhost:3306/test?useUnicode=true&characte ...

  8. C# 之 判断一个字符是否是汉字

    判断一个字符是不是汉字通常有三种方法: [1] 用 ASCII 码判断:[2] 用汉字的 UNICODE 编码范围判断:[3] 用正则表达式判断. 1.用ASCII码判断 在 ASCII码表中,英文的 ...

  9. ifconf家族命令

    1  ifconfig 命令: ifconfig 命令用来查看和配置网络设备.当网络环境发生改变时可通过此命令对网络进行相应的配置. 查看: ifconfig : 显示正在激活中的网卡 ifconfi ...

  10. MySQL高级01

    MySQL支持大型数据库,支持5000万条记录的数据仓库,32位系统表文件最大可支持4GB,64位系统支持最大的表文件为8TB. 官网下载地址:http://dev.mysql.com/downloa ...