ECMAScript6偷懒版

let const

变量的解构赋值

解构:按照一定模式,从数组和对象中提取值,对变量进行赋值。

  • 数组
ECMAScript6偷懒版_第1张图片
解构赋值_数组.png
  • 对象
ECMAScript6偷懒版_第2张图片
解构赋值_对象.png

数组和对象解构的区别:

数组的元素是按次序排列的,变量的取值由它的位置决定。
对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

圆括号的使用:

ECMAScript6偷懒版_第3张图片
圆括号的使用.png
  • 字符串的解构
ECMAScript6偷懒版_第4张图片
解构赋值_字符串.png

... 扩展运算符/rest运算符

  • 扩展运算符
ECMAScript6偷懒版_第5张图片
扩展运算符.png
  • rest运算符
ECMAScript6偷懒版_第6张图片
rest运算符.png

字符串

  • 字符串模版
ECMAScript6偷懒版_第7张图片
字符串模版.png
  • 字符串操作
ECMAScript6偷懒版_第8张图片
字符串操作.png

数字

ECMAScript6偷懒版_第9张图片
数字操作.png

数组

ECMAScript6偷懒版_第10张图片
数组1.png
ECMAScript6偷懒版_第11张图片
数组2.png
ECMAScript6偷懒版_第12张图片
数组遍历.png

函数

ECMAScript6偷懒版_第13张图片
函数.png
ECMAScript6偷懒版_第14张图片
in.png

对象

ECMAScript6偷懒版_第15张图片
对象.png

Symbol

基本数据类型:数字、字符串、布尔值、null和undefined

对象:数组(Array)、函数(Function)、日期(Date)、正则(RegExp)、错误(Error)

ECMAScript6偷懒版_第16张图片
Symbol.png

Set WeakSet

  • Set
ECMAScript6偷懒版_第17张图片
Set.png
ECMAScript6偷懒版_第18张图片
Set输出.png
  • WeakSet
ECMAScript6偷懒版_第19张图片
WeakSet.png

Map

ECMAScript6偷懒版_第20张图片
Map.png

Proxy

ECMAScript6偷懒版_第21张图片
Proxy.png
ECMAScript6偷懒版_第22张图片
apply.png

Promise

ECMAScript6偷懒版_第23张图片
Promise.png
ECMAScript6偷懒版_第24张图片
Promise输出.png

class

ECMAScript6偷懒版_第25张图片
class.png

参考连接

http://es6.ruanyifeng.com/
http://jspang.com/2017/06/03/es6/

你可能感兴趣的:(ECMAScript6偷懒版)