理解null和undefined的一种方法是了解它们出现的位置。

在以下情况下期望返回空值:

查询DOM的方法 console.log (window.document.getElementById(“nonExistentElement”)); / /输出:零 从Ajax请求接收到的JSON响应

    {
      name: "Bob",
      address: null
    }

RegEx.exec。 新功能处于不断变化的状态。下面返回null:

        var proto = Object.getPrototypeOf(Object.getPrototypeOf({}));

       // But this returns undefined:

        Object.getOwnPropertyDescriptor({}, "a");

所有其他不存在的情况都用undefined表示(由@Axel指出)。以下每一个都打印为“undefined”:

    var uninitalised;
    console.log(uninitalised);

    var obj = {};
    console.log(obj.nonExistent);

    function missingParam(missing){
        console.log(missing);
    }

    missingParam();

    var arr = [];
    console.log(arr.pop());        

当然，如果你决定写var unitialized = null;或者你自己从一个方法中返回null，那么你在其他情况下也会出现null。但这应该是很明显的。

第三种情况是当你想访问一个变量，但你甚至不知道它是否已经声明。在这种情况下，使用typeof来避免引用错误:

if(typeof unknown !== "undefined"){
    //use unknown
}

总之，在操作DOM、处理Ajax或使用某些ECMAScript 5特性时检查是否为空。对于所有其他情况，检查undefined严格相等是安全的:

if(value === undefined){
  // stuff
}

一些精度:

Null和undefined是两个不同的值。一个表示没有名称的值，另一个表示没有名称。

对于if(o)， if中发生的事情如下所示:

括号o中的表达式被求值，然后if语句开始对括号中的表达式的值进行类型强制——在我们的例子中是o。

JavaScript中的Falsy(将被强制为false)值为:"，null, undefined, 0和false。

使用null来定义没有值的东西，使用undefined当你期望一些东西可能根本没有定义。

例如，如果一个变量没有值，将其赋值为null。

var weDontHaveAValue = null;

如果你期望某些东西可能根本没有定义，例如一个可选的选项参数，使用undefined。

if (typeof args.optionalParam !== 'undefined') { }

未定义和未定义不是一回事。

age;

年龄的价值是什么?

电脑:好的，让我查一下我的内存/参考表.....在这一点上(你问的时间)，我没有看到任何标识符名为年龄，不在这个范围/上下文或任何父范围/上下文;我不知道年龄。也许稍后我会遇到一个指令，将该标识符添加到内存中，但它现在不存在。

var age;

你:年龄的价值是什么;

电脑:好的，检查一下我的记忆……我在引用表中看到一个标识符，它的名字是age，但在我添加它的时候，没有值或指针或任何东西被分配给它，所以我不知道;你可以认为它(年龄)空了/什么都没有/没用。

var age = null;

你:年龄的价值是什么;

电脑:好的，检查一下我的记忆……我看到年龄在我的参考表:它是空的。基本上，它是nothing/empty，你不能用这个值做任何事情;这是故意的。

现在，我可能不应该这样解释，但希望这是有意义的。

我明白为什么null被设计成JS中的一个对象，我个人也喜欢这样。

Null和undefined实际上意味着同样的事情:空/无。区别在于它在概念上是如何使用的。

我认为null是开发者想要的虚无;一些东西被设为null是为了不代表任何东西。我将未定义视为计算机意图的虚无;开发者/用户无意中发现了一些没有价值的东西。

例如，如果你从库/sdk调用一个函数并返回null，你几乎可以确定这是由开发人员/作者故意设计的;他们特别想表明虚无。

另见- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/null

与未定义相比，null的另一个有趣之处在于它可以递增。 X = undefined x + + Y = null y + + console.log(x) // NaN .log Console.log (y) // 0

这对于为计数器设置默认数值非常有用。你有多少次在声明中把一个变量设为-1 ?

下面的函数说明了原因，并能够计算出差异:

function test() {
        var myObj = {};
        console.log(myObj.myProperty);
        myObj.myProperty = null;
        console.log(myObj.myProperty);
}

如果你打电话

test();

你要

未定义的 零

第一个console.log(…)尝试在myObj尚未定义时从myProperty获取myProperty -因此它返回“未定义”。在将其赋值为null后，第二个console.log(…)显然返回“null”，因为myProperty存在，但它的值为null。

为了能够查询这种差异，JavaScript有null和undefined:而null就像在其他语言中是一个对象一样，undefined不能是一个对象，因为没有可用的实例(甚至不是空实例)。