好吧，当我们听到null和undefined时，我们可能会感到困惑，但让我们简单地开始吧，它们都是假的，在很多方面都很相似，但JavaScript的奇怪部分，使它们有一些显著的区别，例如，typeof null是“object”，而typeof undefineed是“undefined'。

typeof null; //"object"
typeof undefined; //"undefined";

但如果你用下面的==检查它们，你会发现它们都是假的：

null==undefined; //true

此外，您可以将null赋给对象属性或原语，而undefined可以通过不赋给任何对象来实现。

我创建了一个快速的图像，以一目了然地显示差异。

由于typeof返回undefined，undefineed是一种类型，其中null是一个初始值设定项，表示变量指向任何对象（实际上Javascript中的所有内容都是一个对象）。

已经给出了很多“技术性”的答案，从JS仅仅是一种编程语言的有限角度来看，所有答案都是正确的。

然而，我想补充以下想法，特别是当您将TypeScript代码作为更大项目/（企业）应用程序的一部分时：

当与某种后端交谈时，您很可能会收到JSON虽然一些后端正确地避免了在JSON中使用“null”（删除那些财产），但其他后端没有这样做现在，虽然“null”可能意味着该值是故意缺失的，但更多情况下，它并没有传达这一含义。大多数数据库使用“null”只是因为它们没有“undefined”类型。但真正的含义只是“未定义”。因此，您永远无法知道“null”值是否真的意味着故意缺席。因此，“空”并不意味着故意选择“缺失值”。一般来说，这是无法决定的。因此，在语义上，“null”和“undefined”实际上是完全相同的。

因此，为了协调一致，我坚决反对使用“null”，并希望鼓励您停止在代码中使用“null“。这比你想象的要容易得多。别误会我。我不是说不处理“null”值，只是为了避免在代码中显式使用它们。换句话说：您的代码应该仍然能够处理来自应用程序外部的意外传递的“null”值，例如通过第三方库（如Angular）或第三方后端。

以下是实现这一目标的指导原则：

避免直接的未定义类型保护（例如，如果（值==未定义）｛…｝。相反，使用间接类型保护（也称为真实性检查），例如if（value）｛…｝每当0或空字符串有意义时，请使用像Lodash的isNil这样的显式助手方法或在比较中包含有意义的值（例如，如果（！value&&value！==0）｛…｝）考虑使用不允许使用null的lint规则

您可能认为undefined表示系统级、意外或错误，如缺少值，null表示程序级、正常或预期缺少值。

通过JavaScript：最终指南

只是为了添加我的观点-

在C++等编译语言的情况下，优化编译器会删除只声明且从不在任何地方使用的变量[或在IDE中标记警告]。这最终意味着变量不存在，因为它的内存从未分配。

在javascript解释器的情况下，[我猜]一个变量仅从被赋予值的那一点起被视为存在。在此之前，它的类型是“undefined”，并且没有为它分配内存。因此，它的名称是undefineed。

javascript中的null是一个表示地址的值，但该地址还没有指向任何内容[不存在的引用]。然而，这是一个价值。

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的真正数值相等性。