デフォルトパラメータ

@serverSerrverlesskiy

デフォルトパラメータを使用すると、関数⚙️が引数なしで呼び出された場合、またはパラメータに値が明示的に渡された場合に、関数⚙️のデフォルト値のパラメータを設定できます。 undefined.

Teacher

JavaScriptでは、呼び出されたときに値が渡されない関数パラメーター⚙️がデフォルト値を取ります undefined. ただし、場合によっては、別のデフォルト値を設定すると便利なことがあります。これは、デフォルトのオプションが意図されている場所です。

構文

book

Live Editor

function learnJavaScript() {
  const multiply = (a, b = 1) => {
    //デフォルト値は b 同様に 1
    return a * b
  }
  //もし b になります undefined, その後、デフォルト値が割り当てられます
  return multiply(5, 2) // カンマ、2番目の引数を削除して、 5 + 1
}

function learnJavaScript() {
  const multiply = (a, b = 1) => {
    //デフォルト値は b 同様に 1
    return a * b
  }
  //もし b になります undefined, その後、デフォルト値が割り当てられます
  return multiply(5, 2) // カンマ、2番目の引数を削除して、 5 + 1
}

Result

他の「偽の」値を渡す

basketball

以外の値がある場合 undefined, 次のような「false」値の1つを含む false , 0, "", '',null, NaN, この場合、デフォルト値はパラメータに割り当てられません。この場合、これらの「誤った値」をキャッチするコードを自分で作成する必要があります。

の例

Math

デフォルトのパラメーターでは、前の（リストの左側にある）パラメーターの値を使用できます：

Live Editor

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 ')
}

Result

デフォルトパラメータがある場合とない場合の関数の例 :

Live Editor

function learnJavaScript() {
  const withDefaults = (a = 1, b = 3, c = 2) => {
    //デフォルトのパラメータを持つ関数
    return [a, b, c]
  }
  const withoutDefaults = (a, b, c) => {
    //デフォルトパラメータなしの関数
    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) => {
    //デフォルトのパラメータを持つ関数
    return [a, b, c]
  }
  const withoutDefaults = (a, b, c) => {
    //デフォルトパラメータなしの関数
    if (a == undefined) {
      a = 1
    }
    if (b == undefined) {
      b = 3
    }
    if (c == undefined) {
      c = 2
    }
    return [a, b, c]
  }

  return withDefaults()
}