JavaScript tidak berlaku

Saya menemukan kode berikut:

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

Saya agak baru mengenal JavaScript, tetapi, dari pertanyaan lain yang saya baca di sini, saya mendapat kesan bahwa kode ini tidak masuk akal.

Anda akan mendapatkan kesalahan jika Anda mengakses variabel yang tidak ditentukan dalam konteks apa pun selain typeof.

Pembaruan: Jawaban (kutipan) di atas mungkin menyesatkan. Itu harus mengatakan «variabel yang tidak dideklarasikan» , alih-alih «variabel yang tidak ditentukan» .

Seperti yang saya temukan, dalam jawaban oleh Ryan ♦ , maerics , dan nwellnhof , bahkan ketika tidak ada argumen yang disediakan untuk suatu fungsi, variabelnya untuk argumen selalu dideklarasikan. Fakta ini juga membuktikan salah item pertama dalam daftar di bawah ini.

Dari pemahaman saya, skenario berikut mungkin dialami:

• Fungsi dipanggil tanpa argumen, sehingga membuat datavariabel tidak terdefinisi, dan meningkatkan kesalahan data != null.

• Fungsi dipanggil secara khusus dengan null(atau undefined), sebagai argumennya, dalam hal ini data != nullsudah melindungi kode bagian dalam, menjadikannya && data !== undefinedtidak berguna.

• Fungsi dipanggil dengan argumen non-nol, dalam hal ini akan melewati keduanya data != null dan data !== undefined .

T: Apakah pemahaman saya benar?

Saya sudah mencoba yang berikut ini, di konsol 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

Saya tidak bisa menemukan kasus di mana data !== undefined setelahnya data != null mungkin ada gunanya.

“Variabel tidak terdefinisi” berbeda dari nilainya undefined.

Variabel tidak terdefinisi:

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

Variabel dengan nilai undefined:

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

Ketika suatu fungsi mengambil argumen, argumen itu selalu dideklarasikan meskipun nilainya demikian undefined, sehingga tidak akan ada kesalahan. Anda benar tentang != nulldiikuti oleh !== undefinedmenjadi tidak berguna.

Dalam JavaScript, nulladalah objek tunggal khusus yang berguna untuk memberi sinyal "tidak ada nilai". Anda dapat mengujinya dengan perbandingan dan, seperti biasa dalam JavaScript, praktik yang baik untuk menggunakan ===operator untuk menghindari paksaan jenis yang membingungkan:

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

Seperti @rynah menyebutkan, "undefined" agak membingungkan dalam JavaScript. Namun, selalu aman untuk menguji apakah typeof(x)string "tidak terdefinisi", bahkan jika "x" bukan variabel yang dideklarasikan:

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

Selain itu, variabel dapat memiliki "nilai tidak terdefinisi" jika tidak diinisialisasi:

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

Menyatukan semuanya, cek Anda akan terlihat seperti ini:

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

Namun, karena variabel "data" selalu ditentukan karena ini adalah parameter fungsi formal, menggunakan operator "typeof" tidak diperlukan dan Anda dapat dengan aman membandingkan langsung dengan "nilai yang tidak ditentukan".

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

Cuplikan ini sama dengan mengatakan "jika fungsi dipanggil dengan argumen yang didefinisikan dan bukan nol ..."

Dalam kasus Anda gunakan data==null(yang HANYA berlaku untuk null dan tidak terdefinisi - pada fokus gambar kedua pada baris / kolom 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');

Di sini Anda memiliki semua ( src ):

jika

== (negasinya ! = )

=== (negasinya ! == )

Q: Fungsi dipanggil tanpa argumen, sehingga menjadikan data sebagai variabel yang tidak terdefinisi, dan meningkatkan kesalahan pada data! = Null.

A: Ya, dataakan ditetapkan ke tidak terdefinisi. Lihat bagian 10.5 Instansiasi Pengikatan Deklarasi dari spec. Tetapi mengakses nilai yang tidak ditentukan tidak menimbulkan kesalahan. Anda mungkin membingungkan ini dengan mengakses variabel yang tidak dideklarasikan dalam mode ketat yang memang memunculkan kesalahan.

Q: Fungsi dipanggil secara khusus dengan null (atau tidak terdefinisi), sebagai argumennya, dalam hal ini data! = Null sudah melindungi kode bagian dalam, membuat && data! == tidak terdefinisi sia-sia.

Q: Fungsi ini dipanggil dengan argumen non-nol, yang dalam hal ini sepele akan melewatkan kedua data! = Null dan data! == tidak terdefinisi.

A: Benar. Perhatikan bahwa tes berikut ini setara:

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

Lihat bagian 11.9.3 Algoritma Perbandingan Kesetaraan Abstrak dan bagian 11.9.6 Algoritma Perbandingan Kesetaraan Ketat dari spesifikasi.

Saya pikir, menguji variabel untuk nilai yang tidak Anda harapkan bukanlah ide yang baik secara umum. Karena ujian sebagai Anda, Anda dapat mempertimbangkan sebagai menulis daftar hitam dari nilai-nilai terlarang. Tetapi bagaimana jika Anda lupa membuat daftar semua nilai terlarang? Seseorang, bahkan Anda, dapat memecahkan kode Anda dengan memberikan nilai yang tidak terduga. Jadi pendekatan yang lebih tepat adalah sesuatu seperti daftar putih - menguji variabel hanya untuk nilai yang diharapkan, bukan yang tidak terduga. Misalnya, jika Anda mengharapkan nilai data menjadi string, alih-alih ini:

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

lakukan sesuatu seperti ini:

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"berbeda dari foo === undefined, tidak pernah membingungkan mereka. typeof foo === "undefined"adalah apa yang benar-benar Anda butuhkan. Juga, gunakan !==di tempat!=

Jadi pernyataan itu bisa ditulis sebagai

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

Edit:

Anda tidak dapat menggunakan foo === undefineduntuk variabel yang tidak dideklarasikan.

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");
}

Cara sederhana untuk melakukan tes Anda adalah:

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