引数がJavaScript関数に送信されていないかどうかを判断する最良の方法

これで、引数がJavaScript関数に渡されたかどうかを判別する2つのメソッドを見てきました。ある方法が他の方法よりも優れているのか、それとも使用するのが悪いのかと思いますか？

 function Test(argument1, argument2) {
      if (Test.arguments.length == 1) argument2 = 'blah';

      alert(argument2);
 }

 Test('test');

または

 function Test(argument1, argument2) {
      argument2 = argument2 || 'blah';

      alert(argument2);
 }

 Test('test');

私の知る限り、どちらも同じ結果になりますが、本番環境では最初の1つだけを使用しました。

トムが述べた別のオプション：

function Test(argument1, argument2) {
    if(argument2 === null) {
        argument2 = 'blah';
    }

    alert(argument2);
}

フアンのコメントに従って、トムの提案を次のように変更することをお勧めします。

function Test(argument1, argument2) {
    if(argument2 === undefined) {
        argument2 = 'blah';
    }

    alert(argument2);
}

引数が関数に渡されたかどうかを確認する方法はいくつかあります。チェック-あなたは（元）の質問で述べた2に加えて、arguments.lengthまたは使用して||、デフォルト値を提供するために、オペレータを- 1にも明示の引数を確認することができますundefined経由argument2 === undefinedまたはtypeof argument2 === 'undefined'1が偏執的である場合には（コメントを参照してください）。

使用する||演算子を標準的になってきている-すべてのクールな子供たちはそれを行う-しかし、注意してください：デフォルト値がトリガされる引数評価される場合にfalse、それは実際にであるかもしれない手段、undefined、null、false、0、''（または他の何かれるBoolean(...)リターンfalse）。

したがって、問題はどのチェックをいつ使用するかということです。これらはすべて少しずつ異なる結果をもたらすからです。

チェックarguments.lengthは「最も正しい」動作を示しますが、オプションの引数が複数ある場合は実行できない場合があります。

のテストundefinedは次の「ベスト」です。関数がundefined値で明示的に呼び出された場合にのみ「失敗」します。この値は、ほとんどの場合、引数を省略するのと同じ方法で処理する必要があります。

||演算子を使用すると、有効な引数が指定されていても、デフォルト値の使用がトリガーされる場合があります。一方、その動作は実際に望ましい場合があります。

要約すると、何をしているのかわかっている場合にのみ使用してください！

私の意見で||は、オプションの引数が複数あり、名前付きパラメーターの回避策としてオブジェクトリテラルを渡したくない場合は、使用することもできます。

を使用してデフォルト値を提供する別の良い方法arguments.lengthは、switchステートメントのラベルを調べることで可能です。

function test(requiredArg, optionalArg1, optionalArg2, optionalArg3) {
    switch(arguments.length) {
        case 1: optionalArg1 = 'default1';
        case 2: optionalArg2 = 'default2';
        case 3: optionalArg3 = 'default3';
        case 4: break;
        default: throw new Error('illegal argument count')
    }
    // do stuff
}

これには、プログラマの意図が（視覚的に）明白ではなく、「マジックナンバー」を使用するという欠点があります。したがって、エラーが発生する可能性があります。

jQueryを使用している場合、（特に複雑な状況で）便利なオプションの1つは、jQueryの拡張メソッドを使用することです。

function foo(options) {

    default_options = {
        timeout : 1000,
        callback : function(){},
        some_number : 50,
        some_text : "hello world"
    };

    options = $.extend({}, default_options, options);
}

関数を呼び出すと、次のようになります。

foo({timeout : 500});

その場合、オプション変数は次のようになります。

{
    timeout : 500,
    callback : function(){},
    some_number : 50,
    some_text : "hello world"
};

これは、私がテストを見つけた数少ないケースの1つです。

if(! argument2) {  

}

非常にうまく機能し、構文的に正しい意味を持ちます。

（同時に制限があるため、argument2他の意味を持つ正当なnull値を許可しませんが、それは本当に混乱します。）

編集：

これは、緩やかに型付けされた言語と強く型付けされた言語の文体の違いの本当に良い例です。そして、JavaScriptがスペードで提供するスタイルのオプション。

私の個人的な好み（他の好みに対する批判はありません）はミニマリズムです。コードの説明が少なくなればなるほど、一貫性があり簡潔な限り、誰かが私の意味を正しく推測するために理解する必要が少なくなります。

この設定の意味するところの1つは、タイプ依存性テストの束を積み上げたくない-役に立たない-ことです。代わりに、コードが意味するように見えるようにコードを作成しようとします。そして、私が本当にテストする必要があるものだけをテストします。

他の一部の人々のコードで私が見つけた悪化の1つは、彼らがより大きな文脈で、彼らがテストしているケースに実際に遭遇すると期待するかどうかを理解する必要があることです。または、可能な限りすべてをテストしようとしている場合は、コンテキストを十分に予測できない可能性があります。つまり、自信を持ってリファクタリングや変更を行う前に、両方向に徹底的に追跡する必要があります。彼らが必要とされる状況を予測しているため（通常は私にはわからない）、彼らがこれらのさまざまなテストを実施した可能性が十分にあると思います。

（私はこれらの人々が動的言語を使用する方法に深刻な欠点があると思います。あまりに多くの人々は静的テストをすべてあきらめたくないし、結局それを偽造することになります。）

これは、包括的なActionScript 3コードをエレガントなJavaScriptコードと比較するときに最も明白に見られました。AS3はjsの大部分の3倍または4倍にすることができます。また、行われたコーディング決定の数（3〜4X）のために、私が疑う信頼性は少なくともこれ以上良くありません。

あなたが言うように、Shog9、YMMV。：D

大きな違いがあります。いくつかのテストケースを設定しましょう：

var unused; // value will be undefined
Test("test1", "some value");
Test("test2");
Test("test3", unused);
Test("test4", null);
Test("test5", 0);
Test("test6", "");

最初に説明した方法では、2番目のテストのみがデフォルト値を使用します。第二の方法は、すべてが、最初の（JSが変換されますようデフォルト設定されますundefined、null、0、および""ブールにfalse。そして、あなたはトムのメソッドを使用した場合、唯一の第四テストはデフォルトを使用します！

どの方法を選択するかは、実際に意図する動作によって異なります。以外の値undefinedがに許容されるargument2場合は、最初の値に何らかのバリエーションが必要になるでしょう。非ゼロ、非ヌル、空でない値が必要な場合は、2番目の方法が理想的です。実際、この方法は、このような広範囲の値を検討対象からすばやく除外するためによく使用されます。

url = url === undefined ? location.href : url;

ES6（ES2015）では、デフォルトのパラメーターを使用できます

function Test(arg1 = 'Hello', arg2 = 'World!'){
  alert(arg1 + ' ' +arg2);
}

Test('Hello', 'World!'); // Hello World!
Test('Hello'); // Hello World!
Test(); // Hello World!

申し訳ありませんが、まだコメントはできませんので、トムの答えに答えるために... JavaScriptで（undefined！= null）== false実際には、関数は「null」で機能しないため、「undefined」を使用する必要があります

!!演算子を使用しないのはなぜですか？変数の前に置かこの演算子、（私はよく理解している場合）ので、boolean型にそれを回す!!undefinedと!!null（さらには!!NaN、非常に興味深いことができたが、）を返しますfalse。

次に例を示します。

function foo(bar){
    console.log(!!bar);
}

foo("hey") //=> will log true

foo() //=> will log false

オプションのプロパティのオブジェクトを使用して関数を呼び出すことで、引数の検出に近づくと便利です。

function foo(options) {
    var config = { // defaults
        list: 'string value',
        of: [a, b, c],
        optional: {x: y},
        objects: function(param){
           // do stuff here
        }
    }; 
    if(options !== undefined){
        for (i in config) {
            if (config.hasOwnProperty(i)){
                if (options[i] !== undefined) { config[i] = options[i]; }
            }
        }
    }
}

ある見つけるトリッキーな方法だけでなく、パラメータが関数に渡されているかどうか、。以下の例を見てください：

this.setCurrent = function(value) {
  this.current = value || 0;
};

これvalueは、の値が存在しない/渡されない場合に、0に設定する必要があることを意味します。

かっこいい！

場合によっては、特に関数をゲッターおよびセッターとして使用している場合は、タイプをチェックすることもできます。次のコードはES6です（ECmaScript 5以前では実行されません）。

class PrivateTest {
    constructor(aNumber) {
        let _aNumber = aNumber;

        //Privileged setter/getter with access to private _number:
        this.aNumber = function(value) {
            if (value !== undefined && (typeof value === typeof _aNumber)) {
                _aNumber = value;
            }
            else {
                return _aNumber;
            }
        }
    }
}

function example(arg) {
  var argumentID = '0'; //1,2,3,4...whatever
  if (argumentID in arguments === false) {
    console.log(`the argument with id ${argumentID} was not passed to the function`);
  }
}

配列はから継承するためObject.prototype。世界を良くするためにConsiderを検討してください。

fnCalledFunction（Param1、Param2、window.YourOptionalParameter）

上記の関数が多くの場所から呼び出され、最初の2つのパラメータがすべての場所から渡されることが確実であるが、3番目のパラメータについてはわからない場合は、ウィンドウを使用できます。

window.param3は、呼び出し元のメソッドから定義されていない場合に処理されます。