JavaScriptでデフォルトのパラメータ値を設定する方法

JavaScript関数にデフォルトのパラメータ値を追加する方法をご覧ください

デフォルトのパラメータ値はで導入されましたES62015年に、最新のブラウザに広く実装されています。

これはdoSomething受け入れる関数param1

const doSomething = (param1) => {

}

のデフォルト値を追加できますparam1パラメータを指定せずに関数が呼び出された場合:

const doSomething = (param1 = 'test') => {

}

もちろん、これはより多くのパラメーターでも機能します。

const doSomething = (param1 = 'test', param2 = 'test2') => {

}

パラメータ値を含む一意のオブジェクトがある場合はどうなりますか?

昔々、オプションのオブジェクトを関数に渡す必要がある場合、それらのオプションの1つが定義されていない場合にそれらのオプションのデフォルト値を設定するには、関数内に少しコードを追加する必要がありました。

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チュートリアル: