解构的常见用法
交换变量
通过解构交换变量值,可省去定义临时变量
let a = 1;
let b = 2;
[a, b] = [b, a];
a; // => 2
b; // => 1
解构动态属性
解构属性通常用于赋值或传参时:
const movie = { title: 'Heat' };
// 赋值:创建变量title,并将对象movie的同名属性的值赋给它
const { title } = movie;
console.log(title); // => 'Heat'
// 传参:将对象movie的同名属性的值赋给参数
function test( { title } ){
console.log(title); // => 'Heat'
}
test(movie);