解開函數參數中JavaScript 物件解構的語法

如果你想用這樣的物件參數定義函數：

function moo({ a, b, c }) { // valid syntax!
    print(a); // prints 4
}

...你沒有出現幻覺。這種語法稱為解構，可讓您將物件屬性直接解壓縮到函數參數中，從而簡化函數定義。

利用資訊來源

深入研究此功能，這裡有一些寶貴的知識來源：

• MDN：解構賦值： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Unpacking_fields_from_objects_passed_as_function_parameter

此頁面提供其構件的全面概述，重點關注其構念參數。

• ECMAScript 標準Wiki：https://wiki.ecmascript.org/doku.php?id=strawman:destructuring_binding

對於技術純熟的人來說，此頁面提供了ECMAScript 標準的技術基礎，介紹物件解構。

• DailyJS 部落格：JavaScript 中的解構：如何寫更簡單、更乾淨的程式碼：https://dailyjs.com/blog/destructuring

這篇部落格文章提供了在各種場景下使用解構的實用指南，包括函數參數。

與有了這些資源，您就可以利用 JavaScript 中物件解構的強大功能，將程式碼的可讀性和可維護性提升到新的水平。