JavaScript nullチェック

私は次のコードに遭遇しました：

function test(data) {
    if (data != null && data !== undefined) {
        // some code here
    }
}

私はJavaScriptに少し慣れていますが、ここで読んだ他の質問から、このコードはあまり意味がないように見えます。

以外のコンテキストで未定義の変数にアクセスすると、エラーが発生しますtypeof。

更新：上記の（の引用）答えは誤解を招く可能性があります。«未定義の変数»ではなく、« 宣言されていない変数»と表示する必要があります。

私が知ったように、Ryan♦、maerics、およびnwellnhofの回答では、関数に引数が指定されていない場合でも、引数の変数は常に宣言されています。この事実は、以下のリストの最初の項目が間違っていることも証明しています。

私の理解では、次のシナリオが発生する可能性があります。

• 関数が引数なしで呼び出されたためdata、未定義の変数が作成され、でエラーが発生しましたdata != null。

• この関数は、引数としてnull（またはundefined）を指定して具体的に呼び出されました。この場合data != null、内部コードはすでに保護されているため、&& data !== undefined役に立たなくなります。

• 機能は、それが自明の両方を渡します。その場合にはnull以外の引数、と呼ばれていたdata != null と data !== undefined。

Q：私の理解は正しいですか？

私はFirefoxのコンソールで以下を試しました：

--
[15:31:31.057] false != null
[15:31:31.061] true
--
[15:31:37.985] false !== undefined
[15:31:37.989] true
--
[15:32:59.934] null != null
[15:32:59.937] false
--
[15:33:05.221] undefined != null
[15:33:05.225] false
--
[15:35:12.231] "" != null
[15:35:12.235] true
--
[15:35:19.214] "" !== undefined
[15:35:19.218] true

data !== undefined アフター data != nullがなんの役にも立たないのか分かりません。

「未定義の変数」は値とは異なりますundefined。

未定義の変数：

var a;
alert(b); // ReferenceError: b is not defined

値を持つ変数undefined：

var a;
alert(a); // Alerts “undefined”

関数が引数を取る場合、その値がundefinedであっても、その引数は常に宣言されるため、エラーは発生しません。しかし、あなたは正しいのですが、!= nullその後!== undefinedは役に立たなくなります。

JavaScriptでは、null「値なし」のシグナリングに役立つ特別なシングルトンオブジェクトです。比較によってそれをテストできます。JavaScriptでは通常のように、===演算子を使用して型の強制を混乱させないようにすることをお勧めします。

var a = null;
alert(a === null); // true

@rynahが述べているように、「未定義」はJavaScriptで少し混乱します。ただし、typeof(x)「x」が宣言された変数でなくても、文字列が「undefined」であるかどうかをテストすることは常に安全です。

alert(typeof(x) === 'undefined'); // true

また、変数が初期化されていない場合、変数は「未定義の値」を持つ可能性があります。

var y;
alert(typeof(y) === 'undefined'); // true

まとめると、チェックは次のようになります。

if ((typeof(data) !== 'undefined') && (data !== null)) {
  // ...

ただし、変数「data」は正式な関数パラメーターであるため常に定義されているため、「typeof」演算子を使用する必要はなく、「未定義の値」と直接比較しても安全です。

function(data) {
  if ((data !== undefined) && (data !== null)) {
    // ...

このスニペットは、「関数が定義されており、nullではない引数で呼び出された場合...」と言っています。

あなたのケースで使用してくださいdata==null（これはnullと未定義の場合にのみ真です-2番目の画像では行/列のnull-undefinedに焦点を当てます）

function test(data) {
    if (data != null) {
        console.log('Data: ', data);
    }
}

test();          // the data=undefined
test(null);      // the data=null
test(undefined); // the data=undefined

test(0); 
test(false); 
test('something');

ここにすべてがあります（src）：

もし

==（その否定！=）

===（その否定！==）

Q：関数が引数なしで呼び出されたため、データが未定義の変数になり、データでエラーが発生しました！= null。

A：はい、data未定義に設定されます。仕様のセクション10.5宣言バインディングのインスタンス化を参照してください。ただし、未定義の値にアクセスしてもエラーは発生しません。エラーを発生させるストリクトモードで宣言されていない変数にアクセスすることと、これを混同している可能性があります。

Q：関数は、引数としてnull（またはundefined）を指定して呼び出されました。この場合、data！= nullはすでに内部コードを保護しており、&& data！== undefinedは役に立たなくなります。

Q：関数がnull以外の引数で呼び出されました。その場合、data！= nullとdata！== undefinedの両方が簡単に渡されます。

A：正解です。次のテストは同等です。

data != null
data != undefined
data !== null && data !== undefined

仕様のセクション11.9.3抽象等値比較アルゴリズムとセクション11.9.6厳密等値比較アルゴリズムを参照してください。

変数を期待しない値でテストすることは、一般的に良い考えではないと思います。テストはあなた自身なので、禁止された値のブラックリストを書くと考えることができます。しかし、すべての禁止値をリストするのを忘れた場合はどうなるでしょうか。誰かが、あなたであっても、予期しない値を渡してコードを解読する可能性があります。したがって、より適切なアプローチは、ホワイトリストのようなものです-予期しない値ではなく、期待される値に対してのみ変数をテストします。たとえば、データ値が次の代わりに文字列であることが予想される場合：

function (data) {
  if (data != null && data !== undefined) {
    // some code here
    // but what if data === false?
    // or data === '' - empty string?
  }
}

次のようなことをしてください：

function (data) {
  if (typeof data === 'string' && data.length) {
    // consume string here, it is here for sure
    // cleaner, it is obvious what type you expect
    // safer, less error prone due to implicit coercion
  } 
}

typeof foo === "undefined"とは異なりfoo === undefined、決して混同しないでください。typeof foo === "undefined"本当に必要なものです。また、!==代わりに使用!=

したがって、ステートメントは次のように書くことができます

function (data) {
  if (typeof data !== "undefined" && data !== null) {
    // some code here
  }
}

編集：

foo === undefined宣言されていない変数には使用できません。

var t1;

if(typeof t1 === "undefined")
{
  alert("cp1");
}

if(t1 === undefined)
{
  alert("cp2");
}

if(typeof t2 === "undefined")
{
  alert("cp3");
}

if(t2 === undefined) // fails as t2 is never declared
{
  alert("cp4");
}

テストを行う簡単な方法は次のとおりです。

function (data) {
    if (data) { // check if null, undefined, empty ...
        // some code here
    }
}

var a;
alert(a); //Value is undefined

var b = "Volvo"; 
alert(b); //Value is Volvo

var c = null;
alert(c); //Value is null