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


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

这种差异可以用卫生纸架来解释：

一个非零值就像一个拿着一卷卫生纸的支架，管上还有卫生纸。零值就像一个空马桶纸巾管的支架。空值就像一个连纸巾管都没有的支架。未定义的值类似于缺少持有者本身。

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 

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'

在Javascript中，null是一个空值或不存在的值，必须赋值。但Undefined表示已声明变量，但未定义值。

let a = null;  
console.log(a);    // null
let b;         
console.log(b);    // undefined

在JS中，null和undefined都是原始值。您还可以查看以下代码行

console.log(typeof null); //Object
console.log(typeof undefined); //undefined
console.log(10+null); // 10
console.log(10+undefined); //NaN

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


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