JavaScript boş kontrolü

Aşağıdaki kod rastladım:

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

JavaScript için biraz yeniyim, ancak burada okuduğum diğer sorulardan, bu kodun çok mantıklı olmadığı izlenimi altındayım.

Dışında herhangi bir bağlamda tanımlanmamış bir değişkene erişirseniz hata alırsınız typeof.

Güncelleme: Yukarıdaki (alıntı) cevabı yanıltıcı olabilir. Bu demeliyim «bildirilmemiş bir değişkeni» yerine, «tanımlanmamış bir değişkene» .

Bildiğim gibi, Ryan ♦ , maerics ve nwellnhof'un cevaplarında , bir işleve hiçbir argüman verilmemiş olsa bile, argümanları için değişkenleri her zaman bildirilir. Bu gerçek, aşağıdaki listedeki ilk öğenin de yanlış olduğunu kanıtlamaktadır.

Anladığım kadarıyla, aşağıdaki senaryolar yaşanabilir:

• İşlev bağımsız değişken olmadan çağrıldı, böylece datatanımsız bir değişken oluşturuldu ve bir hata oluştu data != null.

• İşlev, bağımsız değişkeni olarak null(veya undefined) ile çağrıldı , bu durumda data != nulliç kodu zaten korur ve && data !== undefinedişe yaramaz hale getirir .

• İşlev null olmayan bir argümanla çağrıldı, bu durumda önemsiz bir şekilde hem data != null ve hem de geçecek data !== undefined.

S: Anladığım doğru mu?

Firefox'un konsolunda aşağıdakileri denedim:

--
[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

Ben dava çözemiyorum data !== undefined sonra data != null herhangi bir kullanım olabilir.

Bir "tanımsız değişken" değerden farklı undefined.

Tanımlanmamış bir değişken:

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

Şu değere sahip bir değişken undefined:

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

Bir işlev bağımsız değişken aldığında, bu bağımsız değişken değeri olsa bile her zaman bildirilir undefinedve bu nedenle herhangi bir hata olmaz. Haklısınız yaklaşık edilir != null, ardından !== undefinedda, işe yaramaz olmak.

JavaScript'te, null"değer yok" sinyali vermek için yararlı olan özel bir singleton nesnesidir. Karşılaştırma yaparak test edebilirsiniz ve JavaScript'te her zamanki gibi, ===tip zorlamayı karıştırmak için operatörü kullanmak iyi bir uygulamadır :

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

@Rynah'ın belirttiği gibi, "tanımsız" JavaScript'te biraz kafa karıştırıcı. Ancak, typeof(x)"x" bildirilmiş bir değişken olmasa bile, "tanımsız" dizesinin olup olmadığını test etmek her zaman güvenlidir :

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

Ayrıca, değişkenler başlatılmazlarsa "tanımlanmamış değere" sahip olabilirler:

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

Hepsini bir araya getirmek, çekiniz şöyle görünmelidir:

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

Ancak, "data" değişkeni her zaman biçimsel bir işlev parametresi olduğu için tanımlandığından, "typeof" operatörünü kullanmak gereksizdir ve doğrudan "tanımsız değer" ile güvenle karşılaştırabilirsiniz.

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

Bu snippet, "işlev tanımlanmış ve boş olmayan bir argümanla çağrılmışsa ..."

Sizin durumunuzda data==null(SADECE null ve undefined için geçerlidir - ikinci resim satırlara / sütunlara null-undefined üzerine odaklanır)

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');

Burada hepsi var ( src ):

Eğer

== (olumsuzlaması ! = )

=== (olumsuzlaması ! == )

S: İşlev bağımsız değişken olmadan çağrıldı, böylece veri tanımsız bir değişken haline getirildi ve verilerde hata oluştu! = Null.

C: Evet, datatanımsız olarak ayarlanacak. Bkz. Bölüm 10.5 Spesifikasyonun Beyan Bağlama Örneği . Ancak tanımsız bir değere erişmek bir hata oluşturmaz. Muhtemelen bunu katı modda bildirilmemiş bir değişkene erişmekle karıştırıyorsunuz, bu da bir hataya neden oluyor.

S: İşlev bağımsız değişken olarak null (veya undefined) ile çağrıldı, bu durumda data! = Null zaten iç kodu korur ve && data! == undefined işe yaramaz hale getirir.

S: İşlev null olmayan bir argümanla çağrıldı, bu durumda önemsiz bir şekilde hem veriyi geçirecek! = Null hem de veri! == tanımsız.

C: Doğru. Aşağıdaki testlerin eşdeğer olduğuna dikkat edin:

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

Bkz. Bölüm 11.9.3 Soyut Eşitlik Karşılaştırma Algoritması ve bölüm 11.9.6 Spesifikasyonun Katı Eşitlik Karşılaştırma Algoritması .

Değişkenleri beklemediğiniz değerler için test etmek genel olarak iyi bir fikir değildir. Çünkü sizin gibi test, yasak değerlerin bir kara listesini yazmak olarak düşünebilirsiniz. Ama ya yasak değerleri listelemeyi unutursanız? Birisi, hatta siz bile, kodunuzu beklenmedik bir değer ileterek çözebilir. Bu nedenle, daha uygun bir yaklaşım, beyaz listeye ekleme gibi bir şeydir - değişkenleri yalnızca beklenen değerler için test etmek, beklenmedik değil. Örneğin, veri değerinin bunun yerine dize olmasını bekliyorsanız:

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

böyle bir şey yap:

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"farklıdır foo === undefined, asla karıştırmayın. typeof foo === "undefined"gerçekten ihtiyacın olan şey bu. Ayrıca kullanmak !==yerine!=

Yani ifade şöyle yazılabilir

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

Düzenle:

foo === undefinedBildirilmemiş değişkenler için kullanamazsınız .

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

Testinizi yapmanın basit yolu:

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