如何在JavaScript中設置默認參數值

了解如何將默認參數值添加到JavaScript函數中

默認參數值已引入ES6於2015年推出,並已在現代瀏覽器中廣泛實施。

這是一個doSomething接受的功能param1

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' }) => {
  ...
}

如果在調用我們的程序時沒有傳遞任何對象colorize函數,類似地,我們可以默認分配一個空對象:

const spin = ({ color = 'yellow' } = {}) => {
  ...
}

免費下載我的JavaScript初學者手冊


更多js教程: