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 变量,要想以数组的形式,存储实参,就必须使用 合并运算符量