解构的常见用法


交换变量

通过解构交换变量值,可省去定义临时变量

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);
举报

© 著作权归作者所有


1