ES6解构中容易忽视的点 小括号使用的细节

let { a: b } = {};
console.log(b);

用let/var声明 加括号就报错

let ({a:b}) = {}
let {a:(b)} = {}
let {(a):b} = {}
console.log(b);

上面三种情况都会报错

数组也是特殊的对象 也能就行解构赋值

let arr = [1, 2, 3];
let { 0: first, [arr.length - 1]: last } = arr;
console.log(first, last);

([b]) = [3]
console.log(b)

被认为是两个块级作用域 报错

let a = 'x',
  b = 'y',
  obj = {};
{ a: obj[a + b] } = { a: 2 }
console.log(obj);

加小阔号 变为表达式

let a = 'x',
  b = 'y',
  obj = {};
({ a: obj[a + b] } = { a: 2 });
console.log(obj);

let { a: x, a: y } = { a: 1 };
console.log(x, y);

var x = 200,
  y = 300,
  z = 100;
var obj1 = { x: { y: 42 }, z: { y: z } };

({ y: x = { y: y } } = obj1);
({ z: y = { y: z } } = obj1);
({ x: z = { y: x } } = obj1);

console.log(x.y, y.y, z.y);

function test({ x, y }) {
  console.log(x, y);
}
test({ y: 2, x: 1 });

function test({ x, y }) {
  console.log(x, y);
}
test({ y: 2 });

function test({ x, y }) {
  console.log(x, y);
}
test({});

function foo({ x = 10 } = {}, { y } = { y: 10 }) {
  console.log(x, y);
}
foo();

function foo({ x = 10 } = {}, { y } = { y: 10 }) {
  console.log(x, y);
}
foo({},{});

function foo({ x = 10 } = {}, { y } = { y: 10 }) {
  console.log(x, y);
}
foo({ x: 2 }, { y: 3 });

解构的隐式转换

const [a, b, c, d, e] = 'hello';

console.log(a, b, c, d, e);

let { length: len } = 'hello';
console.log(

布尔值 number string 都能进行隐式转换

let { toString: s } = 123;
console.log(s);
console.log(s === Number.prototype.toString);

let { toString: s } = false;
console.log(s === Boolean.prototype.toString);

undefined 与 null 不能进行隐式转换

let { prop } = undefined;
console.log(prop);

let { prop } = null;
console.log(prop);