ES6的版本问题
- ES5正式版产生出09年12月
- ES6则出现于15年6月
let
let 用于申明变量,但只在当前'{}'包裹的代码块内引用有效,出了当前块级作用域就会失效;
let 申明变量不存在申明提升的问题,必须先申明后引用;
-
let与for循环配合,可以有效解决申明var i = 0带来的传值/传址问题;for循环申明的let i = 0与循环体内的let i = 123不会冲突,两者作用域不同;
-
暂时性死区:只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
-
块级作用域内申明函数:函数声明语句的行为类似于let,在块级作用域之外不可引用,然而在实际使用时,为了兼容老版本代码,块级作用域内申明函数会报错。建议使用函数表达式来申明。
const
- const 申明变量时必须赋值,赋值不可改变;
-
const 并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制
申明变量的6种方式
- var 与 function
- let 与 const
- import 与 class
顶层对象
-
取到顶层对象的勉强办法:
解构赋值
-
默认值:ES6 内部使用严格相等运算符(===),判断一个位置是否有值。所以,只有当一个数组成员严格等于undefined,默认值才会生效
-
默认值:如果默认值是一个表达式,那么这个表达式是惰性求值的,即只有在用到的时候,才会求值。
嵌套解构与对象解构
解构与函数入参
-
入参时利用解构设置默认值
-
区别于函数的默认配置:只要入参不为空,哪怕是{}空对象,也无法启用默认配置
解构时圆括号的使用注意事项
-
✔️ 赋值语句的非模式部分
-
❌ 变量声明语句
-
❌ 函数参数
-
❌ 赋值语句的模式