Javascript——ES6语法

了解ES6
ECMAScript 6 是JavaScript语言的第六次修订标准，当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015，也就是说，ES6就是ES2015
ES6语法——定义变量
- 定义常量的语法：const 常量名 = 值
- 定义变量的语法：let 变量名 = 值
let/const 和 var 的区别
- var 定义的变量会进行预解析，而 let 、const 不会
- 在同一作用域下 var 同一变量名可重复定义，而 let、const 不能重复定义
- var 没有块级作用域（var 作用域只能在局部作用域中才受到限制），而 let 、const 有块级作用域，每一个{ }就是一个块级作用域，块级作用域限制了变量的使用范围
let 与 const的区别
- let 定义的是变量，const定义的常量（不可变量）
- let 定义变量时可以不进行赋值，const 定义常量时必须赋值
- let 定义的变量的值可以被修改，const定义的常量的值不能被修改
变量定义规范：尽量使用 let 与 const 定义，并且优先使用 const 定义

语法：()=>{}
结构说明：()内书写新参，=>是箭头函数的标识符，{}内书写执行代码

当只有一个形参并且一句执行代码时，箭头函数可写成 形参=>执行代码

当只有一个形参和多条执行语句时，箭头函数可写成 形参=>{执行代码}

当多个形参和一句执行代码时，箭头函数可写成 (形参)=>执行代码

当有多个形参和多句执行代码时，箭头函数语法为 (形参)=>{执行代码}

ES6语法——函数参数的默认值
- 定义函数时，给形参一个值，这个叫函数参数的默认值，当调用时有实参传递，使用实参赋值，如果没有实参传递，则使用默认值
```
function fn(a=100,b=200){}
let fun = (a=100)=>{}
```
ES6语法——函数参数的默认值
- 使用反引号包裹的字符串可进行换行操作，并且可以解析变量
- 模板字符串可用于调用函数，字符串内容就是函数参数，${ }将字符串进行切割，组成一个数组进行传参，${ } 里的内容也是参数，进行依次赋值
- 模板引擎兼容问题：IE 低版本不支持，后期通过打包时，打包工具会自动兼容处理
```
var str = `<div class="right">
              <li>
                  <div class="img">
                      <p> 价格：${变量名} </p>
                  </div>             
              </li>
          </div>`
```
ES6语法——解构赋值
- 解构数组：let[变量1，变量2，变量3]=[数据1，数据2，数据3]
- 解构多维数组：let[变量1，[变量2，[变量3]]]=[数据1，[数据2，数据3]]]
- 解构对象：let{key值:别名,key值}=[key:value,key:value]
- 解构多维对象：let{key值,{key值,key值}}={key:value,{key:value,key:value}}
ES6语法——对象的简写
- 当对象中的 key 和 value 完全相同时，直接写 key
- 当 key：非箭头函数时，可直接写 key (){}