ES6语法新特性介绍(上)

「这是我参与11月更文挑战的第19天，活动详情查看：2021最后一次更文挑战」 。

• 1.ES6全称：ECMAScript-2015, 是2015年推出的全新的js语法

• 2.一定要切记： 语法的更新，其实就是在原有的语法基础上新增了几个新的语法。 而不是说把我们之前学习的js语法给完全替换覆盖。

ES6文档推荐：es6.ruanyifeng.com/

变量声明let与const

1.ES5语法变量特点

1.1 变量会提升

1.2 没有块级作用域

2.ES6新增两种变量声明方式（let与const）

(1).不会提升

(2).有块级作用域

3.let与const区别

（3.1）let声明：变量，允许修改

（3.2）const声明:常量，只可以声明的时候赋值一次，之后无法修改

• 注意点：ES6中变量不能重复声明，否则会报错

2-解构赋值语法

==解构赋值语法 ： 其实就是变量赋值语法的简写形式==

解构赋值本质 ：就是 变量赋值语法的简写形式

1：取出 对象的属性 赋值 给变量

let {name,age,sex} = obj;

这行代码本质:声明三个变量 name，age，sex。取出右边obj对象对应的属性名赋值给左边的变量

3-箭头函数

箭头函数 => 其实是 function 关键字的简写形式 * 写法： 将function关键字使用 => 符号代替

1.箭头函数常见用法

1.1 无参无返回函数

箭头函数规则： （1）function变成 箭头符号 => (2)形参小括号写到箭头 => 左边

1.2 有参有返回函数

如果函数只有一个形参，则可以省略形参小括号

如果函数体只有一行代码，则可以省略函数体大括号 注意点： 如果省略函数体大括号，则返回值也要省略return 下面代码等价于：

  let fn3 = function(a){ return a*2 }
let fn3 = a => a*2;