typeof！==「未定義」と！= null

次のように、未定義のパラメータなどをチェックするJavaScriptコードをよく見ます。

if (typeof input !== "undefined") {
    // do stuff
}

冗長性は言うまでもなく、型の検索と文字列の比較の両方が含まれるため、これは一種の無駄に見えます。undefined名前を変更できるので必要です。

私の質問は次のとおり
です。そのコードはこのアプローチよりも優れています：

if (null != input) {
    // do stuff
}

私の知る限り、を再定義することはできないnullため、予期せず壊れることはありません。そして、!=演算子の型強制のため、これはundefinedandとnull...の両方をチェックします。これは、多くの場合、正確に必要なものです（たとえば、オプションの関数パラメーター）。

しかし、このフォームは広く普及していないようであり、JSLintが邪悪な!=演算子を使用していることを怒鳴りつけます。

なぜこれが悪いスタイルと考えられているのですか？

typeof 識別子が以前に宣言されたことがないため、より安全です。

if(typeof neverDeclared === "undefined") // no errors

if(neverDeclared === null) // throws ReferenceError: neverDeclared is not defined

変数が宣言されている場合（varキーワードを使用して、関数の引数として、またはグローバル変数として）、それを行う最善の方法は次のとおりです。

if (my_variable === undefined)

jQueryはそれを行うので、私には十分です:-)

それ以外の場合は、typeofを回避するために使用する必要がありますReferenceErrorます。

undefinedが再定義されることが予想される場合は、次のようにコードをラップできます。

(function(undefined){
    // undefined is now what it's supposed to be
})();

または、voidオペレーターを介して取得します。

const undefined = void 0;
// also safe

良い方法：

if(typeof neverDeclared == "undefined") //no errors

しかし、最善の方法は、次の方法で確認することです。

if(typeof neverDeclared === typeof undefined) //also no errors and no strings

未定義の名前が変更されることを心配する必要はありません。誰かがundefinedの名前を変更すると、チェックが失敗した場合に、ほんの数人よりもはるかに多くの問題が発生します。本当にコードを保護したい場合は、次のようにコードをIFFE（すぐに呼び出される関数式）でラップします。

(function($, Backbone, _, undefined) {
    //undefined is undefined here.
})(jQuery, Backbone, _);

ブラウザー環境でグローバル変数（既に間違っている）を操作している場合は、次のようにundefinedをチェックします。

if(window.neverDefined === undefined) {
    //Code works
}

グローバル変数はウィンドウオブジェクトの一部であるため、文字列にキャストして文字列を比較する代わりに、未定義に対して単にチェックできます。

その上、なぜ変数が定義されていないのですか？変数の存在を確認し、それに基づいていくつかのアクションを実行する多くのコードを見てきました。このアプローチがどこで正しいのか一度も見たことがありません。

undefinedが再定義されることを本当に心配している場合は、次のようなヘルパーメソッドを使用してこれを防ぐことができます。

function is_undefined(value) {
   var undefined_check; // instantiate a new variable which gets initialized to the real undefined value
   return value === undefined_check;
}

これは、誰かが書いたときに名前の参照を新しい値undefined = "foo"にのみ許可し、実際の値は変更しないためです。 undefinedundefined

void演算子を使用して、未定義の値を取得することもできます。

if (input !== void 0) {
    // do stuff    
}

（そして、はい、別の回答で述べたように、変数が宣言されていない場合はエラーがスローされますが、この場合は、コードインスペクションまたはコードのリファクタリング（たとえば、window.input !== void 0グローバル変数のテストやへの追加var inputなど）によって除外されることがよくあります。）

(typeof input !== 'undefined')このシナリオでデフォルトの関数パラメーターを提供するために使用されている場合、実際に遭遇しました。

function greet(name, greeting) {
  name = (typeof name !== 'undefined') ?  name : 'Student';
  greeting = (typeof greeting !== 'undefined') ?  greeting : 'Welcome';

  return `${greeting} ${name}!`;
}

greet(); // Welcome Student!
greet('James'); // Welcome James!
greet('Richard', 'Howdy'); // Howdy Richard!

ES6は、このようにデフォルトの関数パラメーターを導入する新しい方法を提供します。

function greet(name = 'Student', greeting = 'Welcome') {
  return `${greeting} ${name}!`;
}

greet(); // Welcome Student!
greet('James'); // Welcome James!
greet('Richard', 'Howdy'); // Howdy Richard!

これは、最初のオプションよりも簡潔で簡潔です。

if (input == undefined) { ... }

正常に動作します。もちろんnull比較ではありませんが、通常、undefinedとを区別する必要がある場合はnull、実際にはとundefinedfalse値を区別する必要があるため、

else if (input) { ... }

それを行います。

プログラムが再定義undefinedした場合、とにかくそれは本当に頭の痛いです。

私が考えることができる唯一の理由はIE4互換性のためでした、それはundefinedキーワード（実際にはキーワードではありませんが、残念ながら）を理解していませんでしたが、もちろん値がである可能性が undefinedあるので、これが必要でした：

var undefined;

上記の比較はうまくいきます。

2番目の例では、lintを幸せにするためにおそらく二重括弧が必要ですか？