ES6新增语法

ES6新增语法

ES6版本的JavaScript语法，是一个非常重要的版本，对于JavaScript的功能上有一个极大的丰富，让JavaScript从弱类型语言，提升到了半强类型语言

ES6语法新增变量的定义

let 定义变量
特点：1，let定义的变量不会进行预解析
2，与forEach中的变量类似，let会建立独立互不影响的，存储不同数据的变量
3，变量名称不能重复，一个变量名称只能定义一次
4，如果是定义在{}和循环中，只能在{}和循环中被调用执行
5，在不同作用域中定义let变量，变量的名称是可以重复的
使用：let多用于定义基本数据类型和循环中

const 定义变量，又叫常量
特点：1，const定义的变量一旦赋值不能更改
2，变量名称不能重复
3，如果是定义在{}和循环中，只能在{}和循环中被调用执行
使用：一般使用const定义引用数据类型

箭头函数

函数的另外一种语法形
基本语法：将匿名函数的function(){}写成()=>{}
const fun = ()=>{}
只有一个参数，可以不写()：const fun = e=>{}
执行体只有一行代码，可以不写{}

箭头函数中的this指向是父级程序的this指向，如果父级程序没有this指向(对象、数组没有this)，那么指向的是window
注:箭头函数是无法改变this指向的

立即执行函数

在定义函数的同时，立即执行这个函数
语法1：(封装的函数)()
语法2：!封装的函数()
语法3：~封装的函数()
特点：立即执行函数，并没有真正的定义这个函数，不能再次调用

数组的解构

将数组的数值,一一对应的赋值给变量
一维数组解构：
let [变量1,变量2,变量3] = [1,2,3];

多维数组解构：
let [变量1,变量2,[变量3,变量4]] = [数据1,数据2,[数据3,数据4]];

对象的解构

按照定义的属性,从对象中获取数据,赋值给定义的属性
一维对象解构：
const obj = {键名1：数据1,键名2：数据2,…}
情况一：键名就是定义的变量名称
let{对象中存在的键名} = obj; – 键名中存储的是键名对应的数据
情况二：起一个别名存储数据，别名是定义的变量名称
let{对象中存在的键名:别名} = obj; – 别名中存储的是键名对应的数据

多维对象解构：
const obj = {键名1：{键名2：数据2},…}
情况一：键名就是定义的变量名称
let{键名1：{键名2}} = obj – 键名2中存储的是键名2对应的数据
情况二：起一个别名存储数据，别名是定义的变量名称
let{键名1：{键名2:别名}} = obj – 变量中存储的是键名2对应的数据

展开运算符

…数组 – 定义在实参中
function fun(形参1，形参2，形参3){}
fun(…数组)
将数组中的数据展开,一一对应的赋值给形参

合并运算符

…形参 – 定义在形参中
function fun(…arr){}
将赋值的所有实参，都以数组的形式存储在形参中，在函数的形参中使用

普通函数 function 中 有 JavaScript 专门定义好的变量 arguments，如果没有定义形参,arguments会以数组的形式来存储所有的实参
而箭头函数中,没有 arguments 变量，要想以数组的形式,存储实参,就必须使用 合并运算符量