变量的解构赋值_用途

交换变量的值

xxxxxxxxxx
let x = 1;
let y = 2;

[x, y] = [y, x];

交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰

从函数返回多个值

函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。

xxxxxxxxxx
// 返回一个数组
function example() {
    return [1, 2, 3];
}
let [a, b, c] = example();

// 返回一个对象
function example() {
    return {
        foo: 1,
        bar: 2
    };
}
let { foo, bar } = example();

提取 JSON 数据

解构赋值对提取 JSON 对象中的数据，尤其有用

xxxxxxxxxx
let jsonData = {
    id: 42,
    status: "OK",
    data: ["iwen", "itbaizhan"]
};
let { id, status, data } = jsonData;

实时效果反馈

1. 下列解构赋值的代码，输出结果是多少：

xxxxxxxxxx
function example() {
    return {
        name: "iwen",
        age: 20
    };
}
let { name, age,sex } = example();
console.log(sex);

A iwen

B 20

C 报错

D undefined

答案

1=>D