在javascript中，所有变量都存储为键值对。每个变量存储为variable_name:variable_value/reference。

undefined表示在内存中给了变量一个空间，但没有给它赋值。作为最佳实践，不应将此类型用作赋值。

在这种情况下，如何表示何时希望变量在代码中的稍后时间没有值？您可以使用类型null，这也是一种用于定义相同事物的类型，缺少值，但它与undefined不同，因为在本例中，内存中实际上有值。该值为空

两者相似，但用法和含义不同。

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


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

如果变量未初始化，则该变量未定义。undefined不是对象。示例：var MyName；console.log（类型MyName）；

检查控制台登录开发工具，它将被打印为未定义。

null是一个对象。如果您希望某个变量为null，则使用null。null变量存在，但值未知。它应该按语法方式分配给变量。null不会自动初始化。

示例：var MyName=null；console.log（类型MyName）；检查csole登录开发工具，它将是一个对象。

null是一个特殊的关键字，表示缺少值。

将其视为一种价值，例如：

“foo”是字符串，true为布尔值，1234是数字，null未定义。

undefined属性表示尚未为变量分配包含null的值。喜欢

var foo;

定义的空变量为null，数据类型为undefined

它们都表示一个没有值的变量的值

以及null不表示没有值的字符串-空字符串-

Like

var a = ''; 
console.log(typeof a); // string 
console.log(a == null); //false 
console.log(a == undefined); // false 

现在如果

var a;
console.log(a == null); //true
console.log(a == undefined); //true 

BUT

var a; 
console.log(a === null); //false 
console.log(a === undefined); // true

所以每个人都有自己的使用方法

undefined使用它来比较变量数据类型

null使用它来清空变量的值

var a = 'javascript';
a = null ; // will change the type of variable "a" from string to object 

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

未定义表示变量已声明但没有值：

var var1;
alert(var1); //undefined
alert(typeof var1); //undefined

Null是赋值：

var var2= null;
alert(var2); //null
alert(typeof var2); //object