前言

基础决定上层建筑！最近重温了ES6，我将知识点汇总整理成脑图，一来可以加深印象，二来方便以后查阅

注：本系列分上、下两篇，当前为上篇

下篇传送门：三天三夜，整理了30张高清思维导图 | 带你重温ES6（下）

ECMAScript 6 简介

ES的前世今生，以及与JS的关系等

ECMAScript 6 简介.png

Babel

利用Babel，可以将ES6的代码转为ES5的代码，解决兼容性问题

Babel 转码器.png

let 和 const

新增的两种变量声明方式，但是与var有所区别

let 和 const 命令.png

解构赋值

解构赋值会按照特定的模式进行匹配赋值

变量的解构赋值.png

扩展运算符

可以将一个数组或对象进行展开或收起

扩展运算符.png

函数的扩展

函数身上扩展了很多新的用法，如默认值、箭头函数等

函数的扩展.png

对象的扩展和新增方法

对象身上新增的东西，包括对象的简洁语法、新增方法等

对象的扩展和新增方法.png

数组的扩展

数组身上新增了很多方法，可以分为2类：静态方法和实例方法

数组的扩展.png

数值的扩展

数值增加了很多新东西，包括新的的表示法、静态方法的新增、Math对象的扩展等

数值的扩展.png

字符串的扩展和新增方法

字符串的扩展也挺多的，兵器还增加了很多实例方法

字符串的扩展和新增方法.png

正则的扩展

增强了RegExp构造函数、增加了u、y修饰符等等

正则的扩展.png

Symbol

ES6新增的数据类型，用于表示独一无二的值

end~

以上就是这次整理的结果，希望对你有帮助！

未经本人许可，禁止转载

欢迎点赞、收藏，如有疑问欢迎下方留言~

30张图带你重温ES6（上）

前言