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

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

当您在javascript中声明一个变量时，它被赋值为undefined。这意味着变量是未被修改的，可以在将来分配任何值。这也意味着您不知道该变量在声明时将保持的值。

现在可以显式地将变量赋值为null。这意味着变量没有任何值。例如，有些人没有中间名。因此，在这种情况下，最好将值null赋给person对象的中间名变量。

现在假设某人正在访问person对象的中间名变量，并且该变量的值未定义。他不知道开发人员是否忘记初始化这个变量，或者它是否没有任何值。如果它的值为null，那么用户可以很容易地推断middlename没有任何值，并且它不是一个未触及的变量。

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

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

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

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

Null始终是内存中存在的未知对象，而undefined则不是。

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

来自Elquent Javascript书

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'