只是为了添加我的观点-

在C++等编译语言的情况下，优化编译器会删除只声明且从不在任何地方使用的变量[或在IDE中标记警告]。这最终意味着变量不存在，因为它的内存从未分配。

在javascript解释器的情况下，[我猜]一个变量仅从被赋予值的那一点起被视为存在。在此之前，它的类型是“undefined”，并且没有为它分配内存。因此，它的名称是undefineed。

javascript中的null是一个表示地址的值，但该地址还没有指向任何内容[不存在的引用]。然而，这是一个价值。

null和undefined都用于表示缺少某个值。

var a = null;

a被初始化和定义。

typeof(a)
//object

null是JavaScript中的对象

Object.prototype.toString.call(a) // [object Object]

var b;

b未定义且未初始化

未定义的对象财产也是未定义的。例如，“x”未在对象c上定义，如果您尝试访问c.x，它将返回undefined。

通常，我们为未定义的变量赋值null。

tl；博士

使用null设置一个已知为Object的变量。

使用undefined设置类型混合的变量。

这是我对5个原语和Object类型的用法，这解释了未定义或空的«用例»之间的区别。

一串

如果您知道一个变量在整个生命周期中只是一个字符串，那么按照惯例，您可以将其初始化为“”：

("") ? true : false; // false
typeof ""; // "string";
("Hello World") ? true : false; // true
typeof "Hello World"; // "string"

数字

如果您知道一个变量在所有生命周期中都只是一个数字，那么按照惯例，您可以将其初始化为0（如果0在您的使用中是一个重要值，则为NaN）：

(0) ? true : false; // false
typeof 0; // "number";
(16) ? true : false; // true
typeof 16; // "number"

or

(NaN) ? true : false; // false
typeof NaN; // "number";
(16) ? true : false; // true
typeof 16; // "number"

布尔型

如果您知道一个变量只是一个布尔值，而所有生命周期，按照惯例，您可以将其初始化为false：

(false) ? true : false; // false
typeof false; // "boolean";
(true) ? true : false; // true
typeof true; // "boolean"

对象

如果您知道一个变量在所有生命周期中都只是一个Object，那么按照惯例，您可以将其初始化为null：

(null) ? true : false; // false
typeof null; // "object";
({}) ? true : false; // true
typeof {}; // "object"

注意：关闭null的智能用法是Object的错误版本，因为Object始终为true，因为typeof null返回对象。这意味着typeof myVarObject返回Object和null类型的一致值。

All

如果您知道一个变量有一个混合类型（所有生命周期中的任何类型），按照惯例，您可以将其初始化为undefined。

undefined和null之间的差别很小，但有区别。值未定义的变量从未初始化。值为null的变量被显式指定为null，这意味着该变量被显地设置为没有值。如果使用null==undefined表达式比较undefineed和null，它们将相等。

通常，不要使用null以避免混淆。

标准库方法返回undefined，而不是null

let a = [10];
console.log(a[1]) //=> undefined
console.log(a.find(value => value === 5)) //=> undefined

我经常在人们的代码中看到，某个变量最初未定义，然后赋值给某个值，然后通过设置为null来清除。这是不一致的，最好回到undefined。

尽管如此，如果框架使用null，或者对于json序列化，null是有意义的。

请仔细阅读以下内容。它应该可以消除您对JavaScript中null和undefined之间区别的所有疑虑。此外，您可以在答案末尾使用效用函数来获取更具体的变量类型。

在JavaScript中，我们可以有以下类型的变量：

未声明的变量已声明但未分配的变量未定义文字赋值的变量赋值为文本null的变量变量分配了除未定义或null以外的任何值

以下逐一解释了每种情况：

未声明的变量只能使用返回字符串“undefined”的typeof运算符进行检查不能用松散相等运算符（==undefined）检查，更不用说严格相等运算符（===undefineed），以及if语句和三元运算符（？：）-这些抛出引用错误已声明但未分配的变量typeof返回字符串“undefined”==检查null返回true==未定义的检查返回true==检查null返回false==未定义的检查返回trueif语句和三元运算符（？：）是否错误未定义文字赋值的变量这些变量与已声明但未分配的变量完全相同。赋值为文本null的变量typeof返回字符串“object”==检查null返回true==未定义的检查返回true==检查null返回true==检查未定义返回falseif语句和三元运算符（？：）是否错误变量分配了除未定义或null以外的任何值typeof返回以下字符串之一：“bigint”、“boolean”、“function”、“number”、“object”、“string”、“symbol”

以下提供了正确检查变量类型的算法：

获取变量的类型，如果它不是“object”，则返回它检查null，因为typeof null也返回“object”使用switch语句对Object.protype.toString.call（o）求值，以返回更精确的值。Object的toString方法为本机/主机对象返回类似“[Object ConstructorName]”的字符串。对于所有其他对象（用户定义的对象），它始终返回“[object object]”如果最后一部分是这种情况（变量的字符串化版本为“[objectObject]”），并且参数returnConstructorBoolean为真，则它将尝试通过对其进行字符串化并从中提取名称来获取构造函数的名称。如果无法访问构造函数，将照常返回“object”。如果字符串不包含其名称，则返回“匿名”

（支持ECMAScript 2020之前的所有类型）

function TypeOf(o, returnConstructorBoolean) {
  const type = typeof o

  if (type !== 'object') return type
  if (o === null)        return 'null'

  const toString = Object.prototype.toString.call(o)

  switch (toString) {
    // Value types: 6
    case '[object BigInt]':            return 'bigint'
    case '[object Boolean]':           return 'boolean'
    case '[object Date]':              return 'date'
    case '[object Number]':            return 'number'
    case '[object String]':            return 'string'
    case '[object Symbol]':            return 'symbol'

    // Error types: 7
    case '[object Error]':             return 'error'
    case '[object EvalError]':         return 'evalerror'
    case '[object RangeError]':        return 'rangeerror'
    case '[object ReferenceError]':    return 'referenceerror'
    case '[object SyntaxError]':       return 'syntaxerror'
    case '[object TypeError]':         return 'typeerror'
    case '[object URIError]':          return 'urierror'

    // Indexed Collection and Helper types: 13
    case '[object Array]':             return 'array'
    case '[object Int8Array]':         return 'int8array'
    case '[object Uint8Array]':        return 'uint8array'
    case '[object Uint8ClampedArray]': return 'uint8clampedarray'
    case '[object Int16Array]':        return 'int16array'
    case '[object Uint16Array]':       return 'uint16array'
    case '[object Int32Array]':        return 'int32array'
    case '[object Uint32Array]':       return 'uint32array'
    case '[object Float32Array]':      return 'float32array'
    case '[object Float64Array]':      return 'float64array'
    case '[object ArrayBuffer]':       return 'arraybuffer'
    case '[object SharedArrayBuffer]': return 'sharedarraybuffer'
    case '[object DataView]':          return 'dataview'

    // Keyed Collection types: 2
    case '[object Map]':               return 'map'
    case '[object WeakMap]':           return 'weakmap'

    // Set types: 2
    case '[object Set]':               return 'set'
    case '[object WeakSet]':           return 'weakset'

    // Operation types: 3
    case '[object RegExp]':            return 'regexp'
    case '[object Proxy]':             return 'proxy'
    case '[object Promise]':           return 'promise'

    // Plain objects
    case '[object Object]':
      if (!returnConstructorBoolean)
        return type

      const _prototype = Object.getPrototypeOf(o)
      if (!_prototype)              
        return type

      const _constructor = _prototype.constructor
      if (!_constructor)            
        return type

      const matches = Function.prototype.toString.call(_constructor).match(/^function\s*([^\s(]+)/)
        return matches ? matches[1] : 'anonymous'

    default: return toString.split(' ')[1].slice(0, -1)
  }
}