前言

在 JavaScript 中有兩種表達“無”的方式，那就是使用undefined和null。

undefined

如果您創(chuàng)建一個變量并且不對其進行任何設置，它將是undefined. ??

let dog;
console.log(dog);

undefined是已經創(chuàng)建（變量）但尚未定義（給定值）的東西。

對象的屬性也是如此。

一個不具有任何屬性的person對象。

let person={
}

如果在控制臺中輸入person.dog，它將返回undefined。

為什么？因為person什么都沒有。這就是undefined的。

當嘗試訪問已創(chuàng)建但未賦予值的變量時，就會出現這種情況。

如果在控制臺中輸入test，您會看到返回的錯誤消息說*“test is not defined”*，這意味著您沒有創(chuàng)建名為test的變量.

對于我們上面使用的狗示例，我們已經創(chuàng)建了變量，但我們沒有設置值。這就是區(qū)別。

Null

現在我們將討論null類型。

Null 是空值，而 undefined 是尚未設置值的變量。

我們將通過一些示例進行演示。

在控制臺輸入下面的代碼。

let somethingUndefined;
const somethingNull = null;

注意：您不能在不設置值的情況下使用 const 變量。

somethingUndefined是未定義的，因為它沒有設置值，而somethingNull具有 null 的值，它什么都沒有。它們都什么都不是，只是方式不同。

例如，假設我們有 Cher 和 Teller（他們都是真人），我們將在這樣的對象中表示他們 ??

const zhangsan = {  mane: "zhangsan",};
const lisi = {  name: "lisi",  age: 18,};
lisi.mane = "li";
lisi.age = null;

在此示例中，zhangsan沒有age屬性。

另一方面，我們又將lisi的age設置為null。

在控制臺中，如果您鍵入，zhangsan.age您將看到返回的 undefined 值。當您嘗試lisi.age時，將返回 null 的值。

用一句話總結兩者的區(qū)別就是：undefined 表示一個變量自然的、最原始的狀態(tài)值，而 null 則表示一個變量被人為的設置為空對象，而不是原始狀態(tài)。所以，在實際使用過程中，為了保證變量所代表的語義，不要對一個變量顯式的賦值 undefined，當需要釋放一個對象時，直接賦值為 null 即可。

附：實際應用

上面說了那么多，好像除了增加復雜性之外，并沒有什么實際的用處。

下面用代碼演示這兩種類型的實際用法，可以體會不存在和空值具體有什么區(qū)別和用處：

var foo = {a:1, b:2};
console.log(JSON.stringify(foo)); // {"a":1,"b":2}
foo = {...foo, a:null};
console.log(JSON.stringify(foo)); // {"a":null,"b":2}
foo = {...foo, a:undefined};
console.log(JSON.stringify(foo)); // {"b":2}

從上面的代碼可以看到，把一個對象的屬性設置成undefined后，這個屬性就消失了、不存在了。而設置成null，這個屬性還是存在，只不過是null值。

如果你想讓對象中某個屬性消失，那么就把它設置成undefined吧。這也許是undefined和null同時存在的最大的意義。

總結

到此這篇關于Javascript中Null和undefined的文章就介紹到這了,更多相關JS Null和undefined內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論