根据Ryan Morr关于这一主题的详尽文章。。。

“通常，如果您需要为变量或属性分配非值，将其传递给函数，或从函数返回，null几乎总是最佳选项。简单地说，JavaScript使用未定义，程序员应该使用null。”

参见探索空和未定义的永恒深渊

在JavasScript中有5种基本数据类型：String、Number、Boolean、null和undefined。我将尝试用一些简单的例子来解释。

假设我们有一个简单的函数

 function test(a) {
     if(a == null) {
        alert("a is null");
     } else {
        alert("The value of a is " + a);
     }
  }

此外，在上述函数中，if（a==null）与if（！a）相同。

现在，当我们调用此函数而不传递参数

test(); // will alert "a is null";
test(4); // will alert "The value of a is " + 4;

also

var a;
alert(typeof a);

这将给出未定义的；我们声明了一个变量，但没有为该变量赋值；

但如果我们写

var a = null;
alert(typeof a); // will give alert as object

所以null是一个对象。在某种程度上，我们为“a”分配了一个空值

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

来自Elquent Javascript书

我想添加一个与空和未定义之间的细微差别有关的知识点。当您尝试从头开始学习Vanilla JavaScript（JS）时，这一点很好：

null是JS中的保留关键字，而undefined是运行时环境的全局对象。

在编写代码时，这种差异是不可识别的，因为null和undefined总是在JavaScript语句的右侧（RHS）使用。但当你在表达式的左手边（LHS）使用它们时，你可以很容易地观察到这种差异。因此JS解释器将以下代码解释为错误：

var null = 'foo'

它给出以下错误：

未捕获语法错误：意外的标记null

同时，以下代码运行成功，尽管我不建议在现实生活中这样做：

var undefined = 'bar'

这是因为undefined是全局对象（如果JavaScript在浏览器中运行，则为窗口对象）上的一个属性

const data  = { banners: null }
const { banners = [] } = data;
console.log(data)      // null


const data  = { banners: undefined }
const { banners = [] } = data;
console.log(data)      // []

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