这两个特殊值都表示为空状态。

主要区别在于undefined表示尚未初始化的变量的值，而null表示有意缺少对象。

但是，变量编号已定义，未分配初始值：

let number;
number; // => undefined

number变量未定义，这明显表示变量未初始化当访问不存在的对象属性时，会发生相同的未初始化概念：

const obj = { firstName: 'Dmitri' };
obj.lastName; // => undefined

由于obj中不存在lastName属性，JavaScript正确地将obj.lastName计算为undefined。

在其他情况下，您知道变量需要保存对象或函数以返回对象。但由于某些原因，您无法实例化对象。在这种情况下，null是丢失对象的有意义的指示符。

例如，clone（）是一个克隆普通JavaScript对象的函数。该函数应返回一个对象：

function clone(obj) {
  if (typeof obj === 'object' && obj !== null) {
    return Object.assign({}, obj);
  }
  return null;
}
clone({name: 'John'}); // => {name: 'John'}
clone(15);             // => null
clone(null);           // => null

然而，clone（）可以用非对象参数调用：15或null（或通常为原始值，null或undefined）。在这种情况下，该函数无法创建克隆，因此它返回null-缺少对象的指示符。

typeof运算符区分两个值：

typeof undefined; // => 'undefined'
typeof null;      // => 'object'

严格质量运算符==正确区分undefined和null：

let nothing = undefined;
let missingObject = null;
nothing === missingObject; // => false

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

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

这两个特殊值都表示为空状态。

主要区别在于undefined表示尚未初始化的变量的值，而null表示有意缺少对象。

但是，变量编号已定义，未分配初始值：

let number;
number; // => undefined

number变量未定义，这明显表示变量未初始化当访问不存在的对象属性时，会发生相同的未初始化概念：

const obj = { firstName: 'Dmitri' };
obj.lastName; // => undefined

由于obj中不存在lastName属性，JavaScript正确地将obj.lastName计算为undefined。

在其他情况下，您知道变量需要保存对象或函数以返回对象。但由于某些原因，您无法实例化对象。在这种情况下，null是丢失对象的有意义的指示符。

例如，clone（）是一个克隆普通JavaScript对象的函数。该函数应返回一个对象：

function clone(obj) {
  if (typeof obj === 'object' && obj !== null) {
    return Object.assign({}, obj);
  }
  return null;
}
clone({name: 'John'}); // => {name: 'John'}
clone(15);             // => null
clone(null);           // => null

然而，clone（）可以用非对象参数调用：15或null（或通常为原始值，null或undefined）。在这种情况下，该函数无法创建克隆，因此它返回null-缺少对象的指示符。

typeof运算符区分两个值：

typeof undefined; // => 'undefined'
typeof null;      // => 'object'

严格质量运算符==正确区分undefined和null：

let nothing = undefined;
let missingObject = null;
nothing === missingObject; // => false

null-它是一个赋值值，与变量一起使用以表示任何值（它是对象）。

undefined-它是一个没有赋值的变量，所以JavaScript会给它赋值一个undefineed（它是一种数据类型）。

未声明-如果根本没有创建变量，则称为未声明。

引自Marijn Haverbeke第三版《Elquent Javascript》：

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

老实说，一开始，我对这个建议有点怀疑。然而，在我自己的解释中，这是一种懒惰（或渴望）的方式来处理他们的分歧。也许，我们根本不需要处理这些差异。如果我们必须这样做，我们可以延迟我们的担忧（直到我们不得不这样做），而不是在这些值（null和undefined）流经我们的代码的每一步都过度/防御性地担心它。

PS：这不是对你问题的直接回答。这只是一个相关的观点。

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

通过JavaScript：最终指南