ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 関数でデフォルトのパラメータ値を割り当てるにはどうすればよいですか?

JavaScript 関数でデフォルトのパラメータ値を割り当てるにはどうすればよいですか?

Linda Hamilton
リリース: 2024-12-14 04:20:10
オリジナル
393 人が閲覧しました

How Can I Assign Default Parameter Values in JavaScript Functions?

JavaScript 関数でのデフォルトのパラメーター値の割り当て

JavaScript では、オプションの引数を使用して関数パラメーターにデフォルト値を割り当てることができます。この機能は ES6/ES2015 で導入されました。デフォルトのパラメーター値を定義するには、以下に示すように、関数宣言内のパラメーターに目的の値を割り当てるだけです。

function read_file(file, delete_after = false) {
  // Code
}
ログイン後にコピー

この場合、delete_after パラメーターのデフォルト値は false です。 delete_after パラメータの値を指定せずに関数が呼び出された場合は、デフォルト値が使用されます。ただし、このパラメータに値が渡されると、渡された値がデフォルトをオーバーライドします。

ES6 より前

デフォルト パラメータの導入前ES6 では、開発者はこの動作をシミュレートするためにさまざまな方法を採用しました。一般的なアプローチの 1 つは、typeof 演算子を使用してパラメーターが定義されているかどうかを確認し、それに応じてデフォルト値を割り当てることでした。以下に例を示します。

function foo(a, b) {
  a = typeof a !== 'undefined' ? a : 42;
  b = typeof b !== 'undefined' ? b : 'default_b';
  ...
}
ログイン後にコピー

デフォルト パラメータの構造化

ES6 では、名前付きパラメータのデフォルト値をシミュレートするために構造化を利用することもできます。デフォルト値を持つオブジェクトをパラメータに割り当てることで、オプションの引数を指定できます。次の例を考えてみましょう。

function myFor({ start = 5, end = 1, step = -1 } = {}) { 
    // Use the variables `start`, `end` and `step` here
    ···
}

// Sample calls
myFor({ start: 3, end: 0 });
myFor(); // Without any parameters
ログイン後にコピー

この例では、myFor 関数が引数なしで呼び出された場合、start、end、step のデフォルト値が使用されます。あるいは、関数呼び出し中にこれらのパラメーターに特定の値が指定された場合、それらはデフォルトをオーバーライドします。

以上がJavaScript 関数でデフォルトのパラメータ値を割り当てるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート