解构赋值 ———【一天一个 es6 语法】

发表于 更新于

何为解构赋值

解构赋值语法是一种 javascript 表达式。通过解构赋值，可以将属性/值从对象/数组中取出，复制给其他变量。

基本用法

对象解构赋值

1
2
3
4
5
6
7
8
var regularPerson = {
    firstName: "Bill",
    lastnNme: "Wilson"
}
var lordify = ({firstName}) => {
    console.log(`${firstName} of Canterbury`;
}
lordify(regularPerson);     // Bill of Canterbury

数组解构赋值

1
2
3
4
var [firstResort] = ["Kirkwood", "Squaw", "Alpine"];
console.log(firstResort); // kirkwood
var [,,thirdResort] = ["Kirkwood", "Squaw", "Alpine"];
console.log(thirdResort]; // Alpine

字符串解构赋值

1
2
3
4
5
6
var [a, b, c, d, e = "hello";
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"

类似数组的对象都有一个length属性，因此还可以对这个属性解构赋值。

1
2
var {length: len} = "hello";
len // 5

参考文献