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. 华为设备默认console密码

    admin@huawei.com Admin@huawei.com Admin@huawei huawei.com huawei@123 huawei Change_Me

  2. 字符转ASCII码

    char k = '成'; int str = (int)k; Console.WriteLine(str); 结果25104就是‘成’对应的ASCII值

  3. git tag用法

    git tag //查看tag git tag test_tag c809ddbf83939a89659e51dc2a5fe183af384233 //在某个commit 上打tag git tag. ...

  4. 如何保证Redis的高并发

    单机的redis几乎不太可能说QPS超过10万+,一般在几万. 除非一些特殊情况,比如你的机器性能特别好,配置特别高,物理机,维护做的特别好,而且你的整体的操作不是太复杂. Redis通过主从架构,实 ...

  5. Top 查看某些或者某个进程(top -p pid)

    https://blog.csdn.net/zhangfn2011/article/details/7488746?utm_source=blogxgwz5

  6. WebApi参数传递实例

    Get 1.基础数据类型 1.1方法只含有一个形参 (1)Get传值的本质是通过url字符串拼接(2)Get传递参数本质是url字符串拼接,Request-Head头部传递,Request-Body中 ...

  7. POJ 2987 Firing【最大权闭合图-最小割】

    题意:给出一个有向图,选择一个点,则要选择它的可以到达的所有节点.选择每个点有各自的利益或损失.求最大化的利益,以及此时选择人数的最小值. 算法:构造源点s汇点t,从s到每个正数点建边,容量为利益.每 ...

  8. alpha冲刺2/10

    目录 摘要 团队部分 个人部分 摘要 队名:小白吃 组长博客:hjj 作业博客:拿快递也不能耽搁了软工 团队部分 后敬甲(组长) 过去两天完成了哪些任务 文字描述 github代码管理规范 商家端订单 ...

  9. [转]笔记本怎么设置WIfi热点

    https://jingyan.baidu.com/article/335530da4f774019cb41c3eb.html 随着手机的发展,流量的消耗也是大大地增加.虽然很多手机支持wifi,但是 ...

  10. 自建yum仓库yum源

    目的:搭建自己的yum源主要是解决大批量服务器下载更新人互联网带宽占用问题及速度问题以及不能访问的问题. 服务端:  步骤如下: 一.创建一个目录,就是我们yum软件存放的目录 [root@vicwe ...