ES6 基础总结 1~3

╰+攻爆jí腚メ 2022-10-01 06:53 147阅读 0赞

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

转载于:https://juejin.im/post/5cc14b905188252e8925e95c