看看这个:

   <script>
function f(a){
  alert(typeof(a));
  if (a==null) alert('null');
  a?alert(true):alert(false);
}
</script>
                                          //return:
<button onclick="f()">nothing</button>    //undefined    null    false
<button onclick="f(null)">null</button>   //object       null    false
<button onclick="f('')">empty</button>    //string               false
<button onclick="f(0)">zero</button>      //number               false
<button onclick="f(1)">int</button>       //number               true
<button onclick="f('x')">str</button>     //string               true

理解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
}

Undefined意味着一个变量已经声明，但它没有被赋值，而Null可以赋给一个变量，表示“没有值”。(Null是赋值运算符)

2.Undefined是一个类型本身，而Null是一个对象。

3.Javascript本身可以将任何未赋值的变量初始化为undefined，但它永远不能将变量的值设置为null。这必须通过编程来完成。

摘自Nicholas C. Zakas的《面向对象的Javascript原理》

但是为什么对象类型是空的呢?(事实上，TC39(设计和维护JavaScript的委员会)已经承认这是一个错误。你可以推断null是一个空对象指针，使“object”成为一个逻辑返回值，但这仍然令人困惑。)

尼古拉斯·扎卡斯(2014-02-07)。面向对象JavaScript的原则(Kindle位置226-227)。没有淀粉机。Kindle版。

也就是说:

var game = null; //typeof(game) is "object"

game.score = 100;//null is not an object, what the heck!?
game instanceof Object; //false, so it's not an instance but it's type is object
//let's make this primitive variable an object;
game = {}; 
typeof(game);//it is an object
game instanceof Object; //true, yay!!!
game.score = 100;

未定义的例子:

var score; //at this point 'score' is undefined
typeof(score); //'undefined'
var score.player = "felix"; //'undefined' is not an object
score instanceof Object; //false, oh I already knew that.

(name is undefined)

你:你叫什么名字?(*) JavaScript:名字?名字是什么?我不知道你在说什么。你从来没提过任何名字。你在(客户端)看到其他脚本语言了吗?

name = null;

你:你叫什么名字? JavaScript:我不知道。

简而言之,未定义是指事物没有概念存在;它没有类型，在此范围内从未被引用过;Null是已知对象存在的位置，但不知道值是多少。

需要记住的一件事是，null在概念上与false或""或诸如此类的不一样，即使它们在类型转换后相等，即。

name = false;

你:你叫什么名字? 布尔值为false。

name = '';

你:你叫什么名字? JavaScript:空字符串

*: name在此上下文中的意思是一个从未定义过的变量。它可以是任何未定义的变量，然而，name是几乎任何HTML表单元素的属性。它可以追溯到很久以前，在id之前就设立了。它很有用，因为id必须是唯一的，但名称不必是唯一的。

什么是类型?

类型是对值进行分类的一种方式。下面是一个包含有问题的类型及其typeof结果的表格。

null不是一个对象，它是一个null类型的值。

typeof操作符在说谎!它返回“object”为空在JavaScript语言中是一个错误。

我在我的开源电子书中写了一章。你可以在这里阅读https://github.com/carltheperson/advanced-js-objects