學習如何使用解構語法在 JavaScript 中處理數組和對象 給定一個對象，使用解構語法可以將其中一些值提取出來並放入命名變量中： const person = { firstName: 'Tom', lastName: 'Cruise', actor: true, age: 54 // made up } const { firstName: name, age } = person // name: Tom, age: 54 name 和 age 包含了所需的值。 這種語法也可以應用於數組： const a = [1, 2, 3, 4, 5] const [first, second] = a 這個語句通過從數組 a 中使用索引 0、1、4 獲取項目創建了 3 個新變量： const [first, second, , , fifth] = a
了解如何在JavaScript函數中添加預設參數值 預設參數值在2015年的ES6中引入，並且在現代瀏覽器中被廣泛實現。 這是一個接受param1的doSomething函數。 const doSomething = (param1) => { } 如果在調用函數時沒有指定參數，我們可以為param1添加一個預設值： const doSomething = (param1 = 'test') => { } 當然，這對於更多參數也同樣適用： const doSomething = (param1 = 'test', param2 = 'test2') => { } 如果您有一個帶有參數值的獨特對象呢？ 從前，如果我們需要將一個包含選項的對象傳遞給函數，在其中為那些選項提供默認值（如果其中一個未定義），則必須在函數內部添加一些代碼： const colorize = (options) => { if (!options) { options = {} } const color = ('color' in options) ? options.color : 'yellow' ... } 使用解構賦值，您可以提供默認值，這大大簡化了代碼： const colorize = ({ color = 'yellow' }) => { ....