ES6新增语法

什么是ES6 ?

ES的全称是ECMAScript,它是由ECMA国际标准化组织制定的一项脚本语言的标准化规范。

一、let

es6中新增的用于声明变量的关键字

1. 具有块级作用域，let声明的变量只在所处于的块级有效
2. 不存在变量提升
3. 暂时性死区

二、const

用于声明常量

1. 具有块级作用域
2. 声明变量时必须赋值
3. 常量赋值后，值不能修改

三、解构赋值

从数组中提取值，按照对应位置，对变量赋值，对象也可以解构。
1.数组解构

let [a,b,c] = [1,2,3]
console.log(a)
console.log(b)
console.log(c)
//如果解构不成功，返回undefined

2.对象解构

let person = {
   name:'zs', age: 18}
let {
   name, age} = person
console.log(name)  //zs
console.log(age)   //18

//还可以起别名
let{
   name: myname, age:myage} = person
console.log(myname)  //zs
console.log(myage)   //18

四、箭头函数

函数的快捷写法。

1. 不需要 function 关键字来创建函数，省略 return 关键字
2. 继承当前上下文的 this 关键字， 箭头函数不绑定this关键字，箭头函数中的this,指向的是函数定义位置的上下文this。

() => {
   }

const fn = () => {
   }

箭头函数小细节：

1. 当你的函数有且仅有一个参数的时候，是可以省略掉括号的；
2. 当你函数中有且仅有一个表达式的时候可以省略{}

五、模板字符串

1. 模板字符串中可以解析变量。

let name = 'zs'
let say = `hello，我的名字叫${
     name}`
console.log(say)

2. 模板字符串中可以换行

let zs = {
    name: 'zs', age:11}