ES6新增常用语法

一.新的变量声明方式(let ,const)

1.let
使用let声明的变量可以重新赋值,但不能在同一作用域重新声明
ps:用var和let声明变量但未赋值时,变量的值都默认为undefined
但是使用声明未赋值的变量时,let会报错
ES6新增常用语法
这一段证明了,内部"{}"中let声明的b和外部let声明的b不是同一个变量

2.const
使用const声明的变量必须赋值初始化,同时也无法在同一作用域内重新声明和重新赋值 常用来声明一个不会改变的值
ps:如果值为基本数据类型,那么值就是它本身,不可改变。如果值是引用数据类型时,值就是它的引用(即地址),地址不变就可以,仍可以改变里面的值。
在大型项目的迁移时,能用const声明尽量用const声明,不能再用let声明

二.解析结构

1.解构数组
ES6新增常用语法
2.解构对象
ES6新增常用语法
ps:解构对象和解构数组的有序对应关系不同,它是根据对象名进行对应,是一个无序的对应关系

三.模板字符串

使用反单引号包裹字符串,其中使用${}来包裹一个变量或者一个表达式
ES6新增常用语法
ps:``中显示的内容排版和pre标签一样

四.函数默认参数

ES6新增常用语法
ps:如果不传入参数或者传入undefined 则使用默认值

五.展开运算符

es6中用…来表示展开运算符 它可以将数组或对象进行展开
1.展开字面量数组
ES6新增常用语法
2.剩余参数
使用剩余参数可以将多个元素绑定到一个数组里面
ES6新增常用语法
ps:展开运算符也可以用于函数的参数中来表示不定参,但是只能放在最后 否则会报错

六.箭头函数

写法:(参数1,参数2) => {}
1.如果参数只有一个可以省略 ()
2.如果{}中只有一个return语句 省略{} 和 return
ps:箭头函数没有自己的this 箭头函数会捕获其所在上下文的this值作为自己的this值,如果上下文没有this,则this指向window