ES6备忘录

ES6的版本问题

• ES5正式版产生出09年12月
• ES6则出现于15年6月

let

• let 用于申明变量，但只在当前'{}'包裹的代码块内引用有效，出了当前块级作用域就会失效；

• let 申明变量不存在申明提升的问题，必须先申明后引用；

• let与for循环配合，可以有效解决申明var i = 0带来的传值/传址问题；for循环申明的let i = 0与循环体内的let i = 123不会冲突，两者作用域不同；

  
  let解决传值问题
  for循环的let变量申明与内部let变量申明无影响

• 暂时性死区：只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

  
  暂时性死区

• 块级作用域内申明函数：函数声明语句的行为类似于let，在块级作用域之外不可引用，然而在实际使用时，为了兼容老版本代码，块级作用域内申明函数会报错。建议使用函数表达式来申明。

  
  块级作用域内的函数

const

• const 申明变量时必须赋值，赋值不可改变；

• const 并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制

  
  const关注的是内存地址不变

申明变量的6种方式

• var 与 function
• let 与 const
• import 与 class

顶层对象

• 取到顶层对象的勉强办法：

  
  获取顶层对象

解构赋值

• 默认值：ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效

  
  默认值必须为undefined

• 默认值：如果默认值是一个表达式，那么这个表达式是惰性求值的，即只有在用到的时候，才会求值。

  
  等号右边不是undefined，所以默认赋值失败

嵌套解构与对象解构

嵌套解构

解构与函数入参

• 入参时利用解构设置默认值

  
  解构时设置默认值

• 区别于函数的默认配置:只要入参不为空，哪怕是{}空对象，也无法启用默认配置

  
  函数的默认配置

解构时圆括号的使用注意事项

• ✔️ 赋值语句的非模式部分
  

  赋值语句的非模式匹配部分

• ❌ 变量声明语句

  
  变量申明不可使用圆括号

• ❌ 函数参数

  
  函数申明也不可用圆括号

• ❌ 赋值语句的模式

  
  赋值语句