typeof和instanceof

问题描述与答案

求下面表达式的结果
[typeof null, null instanceof Object]
答案
[“object”, false]

答案解析

这里有两个知识点typeof和instanceof

typeof

• 用于判断数据类型
• typeof可能返回的值有：

类型	结果
Undefined	“undefined”
布尔值	“boolean”
null，array，object以及函数实例（new + 函数），任意内置对象（非函数）	“object”
任意数字或者NaN	“number”
BigInt（任意精度格式的整数）	“bigint”
字符串	“string”
符号类型值	“symbol”
函数类型	“function”
宿主对象(JS引擎内置对象,而不是DOM或者其他提供的)	由编译器各自实现的字符串，但不是"undefined",“number”,“boolean”,“number”,“string”。
正则表达式	各浏览器表现不一

• 所以typeof null的值为"object"

instanceof

• instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。（直白点说就是判断左边的值是否是右边对象的实例）
  其语法是object instanceof constructor
  同样可用于判断数据类型

• instanceof 左操作数是一个类，右操作数是标识对象的类。如果左侧的对象是右侧类的实例，则返回true.而js中对象的类是通过初始化它们的构造函数来定义的。即instanceof的右操作数应当是一个函数。所有的对象都是object的实例。如果左操作数不是对象，则返回false,如果右操作数不是函数，则抛出typeError。

• 有一点需要注意，instanceof 用来比较属于不同 JavaScript 上下文的对象（比如，浏览器中不同的文档结构）时将会出错， 因为它们的构造函数不会是同一个对象。

• 关于instanceof，有以下示例，供参考

  instanceof 比较自定义对象

  function Foo() {}
  function Bar() {}
  Bar.prototype = new Foo();
  new Bar() instanceof Bar; // true
  new Bar() instanceof Foo; // true
  // 如果仅仅设置 Bar.prototype 为函数 Foo 本身，而不是 Foo 构造函数的一个实例
  Bar.prototype = Foo;
  new Bar() instanceof Foo; // false
  

  instanceof 比较内置类型

  new String('foo') instanceof String; // true
  new String('foo') instanceof Object; // true
  'foo' instanceof String; // false
  'foo' instanceof Object; // false
  

  instanceof其他示例

  function C(){} // defining a constructor
  function D(){} // defining another constructor
  var o = new C();
  o instanceof C; // true, because: Object.getPrototypeOf(o) === C.prototype
  o instanceof D; // false, because D.prototype is nowhere in o's prototype chain
  o instanceof Object; // true, because:
  C.prototype instanceof Object // true
  C.prototype = {};
  var o2 = new C();
  o2 instanceof C; // true
  o instanceof C; // false, because C.prototype is nowhere in o's prototype chain anymore
  D.prototype = new C(); // use inheritance
  var o3 = new D();
  o3 instanceof D; // true
  o3 instanceof C; // true
  var myString = new String();
  var myDate = new Date();
  myString instanceof String; // returns true
  myString instanceof Object; // returns true
  myString instanceof Date;  // returns false
  myDate instanceof Date;   // returns true
  myDate instanceof Object;  // returns true
  myDate instanceof String;  // returns false
  function Car(make, model, year) {
   this.make = make;
   this.model = model;
   this.year = year;
  }
  var mycar = new Car("Honda", "Accord", 1998);
  var a = mycar instanceof Car;  // returns true
  var b = mycar instanceof Object; // returns true
  

  null代表空值，其并非是Object原型链中的产物，因此null instanceof Object为false

文章参考：
详解JavaScript中typeof与instanceof用法
JavaScript中遇到“null instanceof Object ”返回值为false的解释