1. 程式人生 > 其它 >快速理解ES6的解構賦值?

快速理解ES6的解構賦值?

技術標籤:ES6es6

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 語言中的相似特性。