快速理解ES6的解構賦值?
阿新 • • 發佈:2021-02-09
function arr(){
return ['蘋果','茶','蛋糕']
};
我們將上述陣列中的值依次賦值給三個變數,並在後續的程式中輸出。
傳統的實現方法:
var testArr = arr();
var fruit = testArr[0], tea = testArr[1], cake = testArr[2]
console.log(fruit,tea,cake);
解構賦值實現:
解構賦值語法是一種 Javascript 表示式。通過解構賦值,可以將屬性/值從物件/陣列中取出,賦值給其他變數。
let [fruit1,tea1,cake1] = arr(); console.log(fruit1,tea1,cake1);
可以看到解構賦值可以更加高效的從源變數中提取值,這在日常的開發中可以帶來體驗的提升,熟悉python小夥伴可能會更加熟悉,這塊其實和python中的沒啥大的區別。
JavaScript 中,解構賦值的作用類似於 Perl 和 Python 語言中的相似特性。