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

主要区别在于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是一个特殊值，表示“无值”。null是一个特殊的对象，因为typeof null返回“object”。

另一方面，undefined表示变量尚未声明，或未给定值。

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'

基本上，Undefined是javascript在运行时创建的一个全局变量，无论null是否意味着没有给变量赋值（实际上null本身就是一个对象）。

让我们举个例子：

        var x;  //we declared a variable x, but no value has been assigned to it.
        document.write(x) //let's print the variable x

未定义，这是您将获得的输出。

现在

        x=5;
        y=null;
        z=x+y;

你将得到5作为输出。这是Undefined和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。