ES6

56 阅读1分钟

定义变量

1.var

2.let

image.png

3.const (效果同上)

image.png

ES6的箭头函数

image.png

image.png

image.png

ES6的解构赋值

image.png

image.png

image.png

image.png

image.png

对象简写

前后相等

image.png

image.png

ES6的展开运算符

链接,效果如concat

image.png

复制不传值,b不改变a

image.png

image.png

可以收集函数

image.png

连接数组

image.png

ES6的模块化语法 (优点 1.密而不漏 2.重名不怕 3.依赖不乱)

导入

image.png

image.png

构造函数

方法

image.png

image.png 1.对象 2.数组 3.字符串

image.png

image.png

构造函数的注意事项

image.png

image.png

返回基本类型没有用,复杂类型多此一举

image.png

原型

共享内存的方法

image.png

直接调用即可

image.png

原型的特点

image.png

覆盖obj1,obj2不变 image.png

ES6-class

两者等同于

image.png image.png

面向对象继承

构造函数继承

image.png

image.png

image.png

原型继承

image.png

image.png

继承的其他技巧

image.png

image.png

image.png

ES6 中的继承方法

父类

image.png

子类

image.png