-
解構destructuring
解構可以理解為一一對應。
let a = 1; let b = 2;let c = 3;
==》 [a,b,c]=[1,2,3]
理解下面代碼,注意理解...
操作符為去括號(包括去中括號或者大括號,與之對應數組和對象),將類數組轉化為數組
const original = { a: 1, b: 2 };
const copy = { ...original, c: 3 }; // copy => { a: 1, b: 2, c: 3 }
接著看下面
const original = { a: 1, b: 2 };
const copy = { ...original, c: 3 }; // copy => { a: 1, b: 2, c: 3 }
const { a, ...noA } = copy; // noA => { b: 2, c: 3 }
// 理解這里 const {a,...noA}={a:1,b:2,c:3} 一一對應啊,所以 noA就是 {b:2,c:3}
一些最佳實踐
const arr = [1, 2, 3, 4];
// bad
const first = arr[0];
const second = arr[1];
// good
const [first, second] = arr;