JavaScript でオプションの関数パラメータを使用する方法

この短い記事では、JavaScript でオプションの関数パラメータを使用する方法について説明します。

JavaScript はインターネットの中核テクノロジーの 1 つです。これはほとんどの Web サイトで使用されており、プラグインを必要とせずにすべての最新の Web ブラウザーでサポートされています。このシリーズでは、日々の JavaScript 開発に役立つさまざまなヒントやコツについて説明します。

JavaScript コーディングでは、多くの場合、関数パラメーターをオプションにする必要があります。 JavaScript 関数を使用する場合、必須パラメータとオプション パラメータの 2 種類のパラメータがあります。必須パラメータの場合は、パラメータを渡す必要があります。渡さないと、JavaScript によってエラーがスローされます。ただし、オプションのパラメータについては、渡さない場合はデフォルト値に初期化されます。

今日は、JavaScript のオプション関数パラメーターの基本とその使用方法について説明します。

ES5 および以前のバージョンでオプションの関数パラメーターを使用する方法

このセクションでは、古いブラウザでも機能するソリューションについて説明します。これは、関数パラメータをオプションにするための組み込みサポートが存在しなかった JavaScript ES5 時代まで頻繁に使用されていました。

次の例でそれがどのように機能するかを理解しましょう。

リーリー

上記の例では、getFullImagePath 関数は、imagePath と imageBaseUrl という 2 つのパラメーターを受け取ります。 2 番目の imageBaseUrl パラメータをオプションにしたいので、デフォルトのパラメータ値を使用する場合は、このパラメータを渡すのをスキップできます。これをオプションにするには、次のステートメントを使用します。

リーリー

基本的に、imageBaseUrl 変数が定義されているかどうかを確認します。定義されていて TRUE と評価された場合は、2 番目の引数が使用可能であると想定され、それが使用されます。一方、imageBaseUrl パラメーターが未定義であるか、FALSE と評価される場合は、https://code.tutsplus.com/ の値を使用します。そのパラメータはデフォルト値です。オプションのパラメーターは常にパラメーター リストの最後に指定することが重要です。

このメソッドは値 0 を上書きするため、数値では機能しないことに注意してください。同様に、関数に 0 または null を渡せるようにしたい場合は、引数が未定義かどうかを明示的にチェックする必要があります。

リーリー

この例では、imageBaseUrl パラメータの値が unknown であるかどうかを明示的にチェックして、それがオプションのパラメータであるかどうかを判断します。これは、パラメータがオプションであるかどうかを判断する簡単な方法です。

これは、ES6 バージョンをサポートしていないブラウザで関数パラメータをオプションにする方法です。次のセクションでは、最新のブラウザーのコンテキストでこれについて説明します。

JavaScript ES6 でオプションの関数パラメータを使用する方法

このセクションでは、ES6 バージョンの JavaScript をサポートする最新のブラウザーで使用できるメソッドについて説明します。次の例でそれがどのように機能するかを理解しましょう。前のセクションで説明した例を ES6 バージョンで書き直します。

リーリー

他のプログラミング言語を使用したことがある場合は、オプションの関数パラメーターを定義する上記の方法に精通しているかもしれません。この場合、オプションのパラメーターには、関数宣言ステートメント自体でデフォルト値が割り当てられます。

さらに、次のコード スニペットに示すように、パラメーター リストの最後で定義する限り、複数のオプションのパラメーターを持つことができます。

リーリー

ご覧のとおり、JavaScript ES6 構文は、古いアプローチよりもシンプルで記述しやすくなっています。

＃＃＃結論は＃＃＃

今日は、JavaScript でオプションの関数パラメーターを使用する方法と、いくつかの実際的な例について説明しました。

ここでは、JavaScript でオプションの関数パラメータをエンコードするさまざまな方法の比較を示します:

＃＃＃方法＃＃＃ コメント arg = arg ||デフォルト値nullarg = (typeof arg === '未定義') ?デフォルト値: arg関数何か (arg=defaultValue) { }

ES6 より前の一般的なイディオムですが、0 と	はデフォルト値でオーバーライドされます。
ES6 より前にオプションのパラメーターを実装する最も簡単な方法。
ES6 以降の JavaScript バージョンに最適なアプローチ。

以上がJavaScript でオプションの関数パラメータを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。