默認參數

@serverSerrverlesskiy

如果在不帶參數的情況下調用函數，或者顯式傳遞了參數的值，則默認參數允許您設置函數參數的默認值 undefined.

Teacher

在JavaScript中，調用時未傳遞值的函數參數⚙️默認為 undefined. 但是，在某些情況下，設置其他默認值可能很有用。這是默認選項的目的。

句法

book

实时编辑器

function learnJavaScript() {
  const multiply = (a, b = 1) => {
    // The default value b is 1
    return a * b
  }
  // If b is undefined, then it will be assigned a default value
  return multiply(5, 2) // remove the comma, second argument and get 5 * 1
}

function learnJavaScript() {
  const multiply = (a, b = 1) => {
    // The default value b is 1
    return a * b
  }
  // If b is undefined, then it will be assigned a default value
  return multiply(5, 2) // remove the comma, second argument and get 5 * 1
}

结果

傳遞其他“假”值

basketball

如果沒有其他值 undefined 在調用期間被傳遞給形式參數，包括“ false”值之一，例如false ,0, " ", '', null,NaN, 那麼在這種情況下，默認值將不會分配給該參數。在這種情況下，您需要自己編寫代碼來捕獲這些“假值”。

示例

Math

在默認參數中，可以使用先前（位於列表左側）參數的值：

实时编辑器

function learnJavaScript() {
  const greet = (name, greeting, message = greeting + ' ' + name) => {
    return [name, greeting, message]
  }

  return greet('David ', 'Hi ')
}

function learnJavaScript() {
  const greet = (name, greeting, message = greeting + ' ' + name) => {
    return [name, greeting, message]
  }

  return greet('David ', 'Hi ')
}

结果

有或沒有默認參數的函數示例 :

实时编辑器

function learnJavaScript() {
  const withDefaults = (a = 1, b = 3, c = 2) => {
    // Function with default parameters
    return [a, b, c]
  }
  const withoutDefaults = (a, b, c) => {
    // Function without default parameters
    if (a == undefined) {
      a = 1
    }
    if (b == undefined) {
      b = 3
    }
    if (c == undefined) {
      c = 2
    }
    return [a, b, c]
  }

  return withDefaults()
}

function learnJavaScript() {
  const withDefaults = (a = 1, b = 3, c = 2) => {
    // Function with default parameters
    return [a, b, c]
  }
  const withoutDefaults = (a, b, c) => {
    // Function without default parameters
    if (a == undefined) {
      a = 1
    }
    if (b == undefined) {
      b = 3
    }
    if (c == undefined) {
      c = 2
    }
    return [a, b, c]
  }

  return withDefaults()
}