ES6-4/5 解构赋值、函数默认值、数组解构、对象解构

ES-4 解构赋值、函数默认值、数组解构、对象解构
ES-5 隐式转换、函数参数解构、解构本质、()用法

一 解构赋值

1 虚值

• 含义：在Boolean转换结果为假的值falsy

2 函数默认值

ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效。（默认值如果是函数，当非undefined的情况，函数不会执行，只有在用到的时候，才会求值。）

// es5写法
function foo(x, y) {
   
    // x = x || 1;
    // y = y || 2;
    // 以上写法，遇0出bug

    // 计算类型的，要取得正确结果，要考虑0的情况，应如下
    if (x !== 0) {
   
        x = x || 1;
    }
    if (y !== 0) {
   
        y = y || 1;
    }
    console.log(x + y);
}

以上计算，更人性化的写法应当是将null也转为0

// es6写法 能计算正确结果
function foo(x = 1, y = 2) {
   
    console.log(x + y)
}

// 转译es5
"use strict";

function foo() {
   
  var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
  var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
  console.log(x + y);
}
// null的时候，涉及到隐式类型转化Number(null)为0

let x = 1;
function foo(x = 2) {
   
    let x = 2; // 报错
    // Identifier 'x' has already been declared.
    console.log(x)
}
foo()

let x = 1;
function foo