ES6 基础总结 1 ~ 3

let && const

• 均不会进行变量提升
• 有自己的块级作用域
• 均不允许重复声明
• const声明常量
• 参数作用域
  • 也就是函数传入的参数也有自己的作用域，和函数体内的作用域是不同的？？
• 暂时性死区
  • typeof 会报 ReferenceError
  • 如果是以后都不会声明的变量 typeof undeclared_variable // “undefined”

global对象

• 也就是顶层对象，引入 global 作为顶层对象，在所有环境下均存在
• 垫片库system.global模拟了这个提案，可以在所有环境拿到global。
  // CommonJS 的写法
require('system.global/shim')();
// ES6 模块的写法
import shim from 'system.global/shim'; shim();

变量的解构赋值

1. 数组的解构赋值
   • let [a, b, c] = [1, 2, 3];
   • 只要等号两边的模式相同，左边的变量就会被赋予对应的值
   • 如果解构不成功，变量的值为 undefined
   • 不完全解构：let [x, y] = [1, 2, 3];
   • 解构赋值允许指定默认值 let [x, y = 'b'] = ['a']; // x='a', y='b'
let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'
   • 特例：let [x = 1, y = x] = []; // x=1; y=1
2. 对象的解构赋值
   • 与数组解构赋值相类似，唯一的不同为：数组有顺序，而对象依靠 key 值。
   • 对象的解构赋值为以下形式的简写
     let { foo: foo, bar: bar } = { foo: "aaa", bar: "bbb" };
   • 对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者。
     let { first: f, last: l } = { first: 'hello', last: 'world' }
     f // hello
     l // word
   • 只有对象的 value 值严格等于 undefined 时，解构的时候才可以设置默认值。
     var {x = 3} = {x: null}; x // null
   • 特例：

   const node = {
   	loc: {
           start: {
         	  line: 1,
      	     column: 5
   	    }
     }
   }
   

   let { loc, loc: { start }, loc: { start: { line }} } = node; // 最后一次对line属性的解构赋值之中，只有line是变量，loc和start都是模式
3. 字符串的解构赋值
   • 字符串被当作一个类似数组的对象进行解构赋值，也可以通过 length 解构
4. 数值和布尔值的解构赋值
   • 解构赋值时，如果等号右边是数值和布尔值，则会通过 toString 方法先转为对象。
   • 由于 null 和 undefined 无法转换为对象，所以对他们解构会报错 TypeError
5. 函数参数的解构赋值
   1. 函数传参时，也可以使用解构赋值传参

    	add ([x + y]) { 
   		return x + y 
   	} 
   

   2. 函数参数的解构也可以使用默认值，如果传参以传入的参数为准，不传认为为默认值
6. 圆括号的问题
   尽量不要在模式中放置圆括号
   可以使用圆括号的情况只有一种：赋值语句的非模式部分，可以使用圆括号。
7. 解构赋值的用途
   1. 交换变量的值
   2. 从函数返回多个值 （也就是返回一个对象，然后解构赋值返回的对象）
   3. 函数参数的定义 （可以方便的将参数与变量名对应）
   4. 提取 JOSN 数据 （只提取自己想要的，解构）
   5. 函数参数的默认值
   6. 遍历 Map 结构 （以后学习 map 结构时，会更新）
   7. 输入模块的指定方法 （比较常用 const {*} = require （））