理解差异的最佳方法是首先理清JavaScript的内部工作原理，并理解以下两者之间的含义差异：

let supervisor = "None"
    // I have a supervisor named "None"

let supervisor = null
    // I do NOT have a supervisor. It is a FACT that I do not.

let supervisor = undefined
    // I may or may not have a supervisor. I either don't know
    // if I do or not, or I am choosing not to tell you. It is
    // irrelevant or none of your business.

这三种情况的含义不同，JavaScript用两个不同的值（null和undefined）来区分后两种情况。您可以自由地明确使用这些值来表达这些含义。

那么，由于这种哲学基础而产生的一些JavaScript特定问题是什么呢？

没有初始值设定项的已声明变量将获得未定义的值，因为您从未说过预期值是什么。出租监督员；断言（主管==未定义）；从未设置过的对象的属性求值为undefined，因为没有人说过该属性。const dog＝｛name:“Sparky”，年龄：2｝；断言（dog.bred==未定义）；null和undefined彼此“相似”，因为Brendan Eich是这么说的。但它们显然彼此不相等。断言（null==未定义）；断言（null！==未定义）；谢天谢地，null和undefined有不同的类型。null属于null类型，undefined属于undefined类型。这在规范中，但你永远不会知道这一点，因为我不会在这里重复这种奇怪的类型。如果函数到达其主体的末尾而没有显式返回语句，则返回undefined，因为您不知道它返回了什么。

顺便说一句，JavaScript中还有其他形式的“虚无”（学习哲学很好……）

NaN公司使用从未声明的变量并接收ReferenceError在其时间死区中使用let或const定义的局部变量并接收ReferenceError稀疏数组中的空单元格。是的，虽然它们与undefined相比==，但它们甚至没有定义。$节点>常量a=[1，未定义，2]>常量b=[1，2]>一个[1，未定义，2]>b级[1，<1空项>，2]

null和undefined是两种不同的对象类型，它们具有以下共同点：

两者都只能保存一个值，分别为null和undefined；两者都没有财产或方法，尝试读取其中一个的任何财产都会导致运行时错误（对于所有其他对象，如果尝试读取不存在的属性，则会得到未定义的值）；通过==和！=，值null和undefined被视为彼此相等，其他值都不相等操作员。

然而，相似之处到此为止。这一次，在实现关键字null和undefined的方式上有一个根本的区别。这并不明显，但请考虑以下示例：

var undefined = "foo";
WScript.Echo(undefined); // This will print: foo

undefined、NaN和Infinity只是预初始化的“超级全局”变量的名称-它们在运行时被初始化，可以被具有相同名称的普通全局或局部变量覆盖。

现在，让我们对null做同样的尝试：

var null = "foo"; // This will cause a compile-time error
WScript.Echo(null);

哎呀！null、true和false是保留关键字-编译器不允许将它们用作变量或属性名称

另一个区别是undefined是一种基本类型，而null是一种对象类型（表示没有对象引用）。考虑以下事项：

WScript.Echo(typeof false); // Will print: boolean
WScript.Echo(typeof 0); // Will print: number
WScript.Echo(typeof ""); // Will print: string
WScript.Echo(typeof {}); // Will print: object
WScript.Echo(typeof undefined); // Will print: undefined
WScript.Echo(typeof null); // (!!!) Will print: object

此外，在数字上下文中处理null和undefined的方式也有一个重要的区别：

var a; // declared but uninitialized variables hold the value undefined
WScript.Echo(a === undefined); // Prints: -1

var b = null; // the value null must be explicitly assigned 
WScript.Echo(b === null); // Prints: -1

WScript.Echo(a == b); // Prints: -1 (as expected)
WScript.Echo(a >= b); // Prints: 0 (WTF!?)

WScript.Echo(a >= a); // Prints: 0 (!!!???)
WScript.Echo(isNaN(a)); // Prints: -1 (a evaluates to NaN!)
WScript.Echo(1*a); // Prints: -1.#IND (in Echo output this means NaN)

WScript.Echo(b >= b); // Prints: -1 (as expected)
WScript.Echo(isNaN(b)); // Prints: 0 (b evaluates to a valid number)
WScript.Echo(1*b); // Prints: 0 (b evaluates to 0)

WScript.Echo(a >= 0 && a <= 0); // Prints: 0 (as expected)
WScript.Echo(a == 0); // Prints: 0 (as expected)
WScript.Echo(b >= 0 && b <= 0); // Prints: -1 (as expected)
WScript.Echo(b == 0); // Prints: 0 (!!!)

当在算术表达式或数字比较中使用null时，null变为0-与false类似，它基本上只是一种特殊的“零”。另一方面，undefined是一个真正的“无”，当您尝试在数字上下文中使用它时，它会变成NaN（“非数字”）。

注意，null和undefined从==和！=接收特殊处理运算符，但可以使用表达式（a>=b&&a<=b）测试a和b的真正数值相等性。

undefined表示变量已声明但尚未赋值：

var测试var；console.log（testVar）//显示未定义console.log（testVar类型）//显示未定义

null是赋值。它可以作为无值表示分配给变量：

var testVar=空；console.log（testVar）//显示nullconsole.log（testVar类型）//显示对象

从前面的示例中可以清楚地看到，undefined和null是两种不同的类型：undefineed是类型本身（undefine），而null是对象。

证明：

console.log（null==未定义）//false（类型不同）console.log（null==undefined）//true（但为“相同值”）console.log（null==null）//true（类型和值相同）

and

null = 'value' // Uncaught SyntaxError: invalid assignment left-hand side
undefined = 'value' // 'value'

空的类型为Object，而未定义的类型为undefined。Null表示“无值”，而undefined表示“不存在”。

typeof undefined; //undefined
typeof null; // Object
undefined !== null; //true
undefined == null; //true
undefined === null; //false
var var1;
var1; //undefined 
var var2 = null;
var2; //null

我从这里选的

未定义的值是当变量没有已分配值。空值是表示空的、空的和空的原始值，或不存在的引用。

当您通过var声明一个变量而不给它赋值时，它将具有未定义的值。就其本身而言，如果您尝试WScript.Echo（）或alert（）此值，您将看不到任何内容。但是，如果您在其中附加一个空白字符串，那么它会突然出现：

var s;
WScript.Echo(s);
WScript.Echo("" + s);

您可以声明一个变量，将其设置为null，行为是相同的，只是您将看到“null”与“undefined”打印出来。这确实是一个小差异。

您甚至可以将未定义的变量与null进行比较，反之亦然，条件将为true：

undefined == null
null == undefined

然而，它们被认为是两种不同的类型。虽然undefined是一种类型，但null被认为是一个特殊的对象值。通过使用typeof（）可以看到这一点，它返回一个表示变量的常规类型的字符串：

var a;
WScript.Echo(typeof(a));
var b = null;
WScript.Echo(typeof(b));

运行上述脚本将产生以下输出：

undefined
object

无论它们是不同的类型，如果您尝试访问其中一个的成员，它们的行为仍然相同，例如，它们将抛出异常。使用WSH，你会看到可怕的“'varname'为空或不是对象”，如果你幸运的话（但这是另一篇文章的主题）。

您可以明确地将变量设置为未定义，但我强烈建议您不要这样做。我建议您只将变量设置成null，并将忘记设置的值保留为未定义。同时，我真的鼓励你总是设置每个变量。JavaScript的作用域链不同于C风格语言，即使是资深程序员也很容易混淆，将变量设置为null是防止基于它的错误的最佳方法。

另一个例子是使用delete运算符时，您将看到未定义的弹出窗口。我们这些来自C世界的人可能会错误地将此解释为破坏对象，但事实并非如此。此操作所做的是从数组中移除下标或从对象中移除成员。对于数组，它不影响长度，但现在认为下标未定义。

var a = [ 'a', 'b', 'c' ];
delete a[1];
for (var i = 0; i < a.length; i++)
WScript.Echo((i+".) "+a[i]);

上述脚本的结果是：

0.) a
1.) undefined
2.) c

在读取从未存在的下标或成员时，也会返回undefined。

null和undefined之间的区别是：JavaScript永远不会将任何东西设置为null，这通常是我们所做的。虽然我们可以将变量设置为undefineed，但我们更喜欢null，因为这不是我们曾经做过的事情。当您调试时，这意味着任何设置为null的事情都是您自己做的，而不是JavaScript。除此之外，这两个特殊值几乎相等。

引自Marijn Haverbeke第三版《Elquent Javascript》：

undefined和null之间的含义差异是Javascript设计的一个意外，大多数时候这并不重要。如果你真的需要关注这些价值观，我建议你将它们视为可以互换的

老实说，一开始，我对这个建议有点怀疑。然而，在我自己的解释中，这是一种懒惰（或渴望）的方式来处理他们的分歧。也许，我们根本不需要处理这些差异。如果我们必须这样做，我们可以延迟我们的担忧（直到我们不得不这样做），而不是在这些值（null和undefined）流经我们的代码的每一步都过度/防御性地担心它。

PS：这不是对你问题的直接回答。这只是一个相关的观点。