通俗點(diǎn)講烫止,就是可以批量的定義變量如:
let [a, b, c] = [1, 2, 3] //a=1, b=2, c=3
let [a1, b1] = [1, 2, 3] //a1=1, b1=2
let { bar, foo } = { foo: "aaa", bar: "bbb" };
foo // "aaa"
bar // "bbb"
常用用途
1. 交換變量值
let x = 1;
let y = 2;
[x, y] = [y, x];
2.從對象返回值
// 返回一個數(shù)組
function example() {
return [1, 2, 3];
}
let [a, b, c] = example();
// 返回一個對象
function example2() {
return {
foo: 1,
bar: 2
};
}
let { foo, bar } = example2();
//取json返回值
let jsonData = {
id: 42,
status: "OK",
data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]
//輸入模塊的返回對象
const { SourceMapConsumer, SourceNode } = require("source-map");
3.函數(shù)參數(shù)的默認(rèn)值
let a = ({x=1,y}={})=>{console.log(x,y)}
a() //1,undefined
a({x:2}) //2,undefined
a({y:2}) //1,2
這個默認(rèn)參數(shù)一定是對象形式的违帆,所以必須在加上={}
律杠。相當(dāng)于給這個對象參數(shù)給個空對象的默認(rèn)值簸喂,因?yàn)樵谡{(diào)用的時候块差,如果沒傳參數(shù)侵续,對象的值是undefinded
倔丈,那么再調(diào)用對象下面的屬性就會報錯,可以理解為:
let x = {}
x.y = 1
console.log(x.y) //1
let m = undefined
m.n = 1 //Uncaught TypeError
函數(shù)參數(shù)默認(rèn)值這種寫法状蜗,在定義參數(shù)的時候就稍有點(diǎn)麻煩需五,而且只能是對象形式的,調(diào)用的時候也要傳入對象參數(shù)轧坎。在比較復(fù)雜的函數(shù)可以考慮宏邮,簡單點(diǎn)的還不如在函數(shù)里定義下方便let x = x || defaultVal