解构赋值

数组解构

let input = [1, 2];
let [first, second] = input;
console.log(first); // outputs 1
console.log(second); // outputs 2

上面的写法等价于：

first = input[0];
second = input[1];

利用解构赋值交换变量：

[first, second] = [second, first];
//函数参数解构：
function f ([first, second]: [number, number]) [
  console.log(first)
  console.log(second)
]
f(1, 2)
//解构剩余参数：
let [first, ...rest] = [1, 2, 3, 4]
console.log(first) // 1
console.log(rest) // [2, 3, 4]
//也可以忽略其它参数：
let [first] = [1, 2, 3, 4];
console.log(first); // outputs 1
//或者跳过解构：
let [, second, , fourth] = [1, 2, 3, 4]

对象解构

let o = {
    a: "foo",
    b: 12,
    c: "bar"
};
//let { a, b } = o;
//let {a, b}: {a: string, b: number} = o;
//你可以在对象里使用 ... 语法创建剩余变量：
let { a, ...passthrough } = o;
let total = passthrough.b + passthrough.c.length;
//属性解构重命名
//你也可以给属性以不同的名字：
let { a: newName1, b: newName2 } = o;