js instanceof

语法： object instanceof constructor

说明：instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。

// 定义构造函数
function C(){} 
function D(){} 

var o = new C();
o instanceof C; // true，因为 Object.getPrototypeOf(o) === C.prototype
o instanceof D; // false，因为 D.prototype不在o的原型链上
o instanceof Object; // true,因为Object.prototype.isPrototypeOf(o)返回true
C.prototype instanceof Object; // true,同上

需要注意的是，如果表达式 obj instanceof Foo 返回true，则并不意味着该表达式会永远返回true，因为Foo.prototype属性的值有可能会改变，改变之后的值很有可能不存在于obj的原型链上，这时原表达式的值就会成为false。另外一种情况下，原表达式的值也会改变，就是改变对象obj的原型链的情况，虽然在目前的ES规范中，我们只能读取对象的原型而不能改变它，但借助于非标准的__proto__伪属性，是可以实现的。比如执行obj.__proto__ = {}之后，obj instanceof Foo就会返回false了。

C.prototype = {};
var o2 = new C();

o2 instanceof C; // true

o instanceof C; // false,C.prototype指向了一个空对象,这个空对象不在o的原型链上.

D.prototype = new C(); // 继承
var o3 = new D();
o3 instanceof D; // true
o3 instanceof C; // true 因为C.prototype现在在o3的原型链上

我们尝试实现一下instanceof方法：

function instanceofFn(left, right) {
  if (left === null || typeof left !== "object") {
    return false;
  }
  // 获得右边对象的prototype
  var prototype = right.prototype;
  // 获得左边对象的原型（内部[[Prototype]]属性的值）
  var proto = Object.getPrototypeOf(right);
  while (true) {
    if (proto === null) {
      return false;
    }
    if (proto === prototype) {
      return true;
    }
    proto = Object.getPrototypeOf(proto);
  }
}

测试：

function Fn () {}
console.log(instanceofFn({}, Object)) // true
console.log(instanceofFn([], Object)) // true
console.log(instanceofFn([], Array)) // true
console.log(instanceofFn(new Fn(), Fn)) // true
console.log(instanceofFn({}, Fn)) // false
console.log(instanceofFn(null, Fn)) // false
console.log(instanceofFn(1, Fn)) // false

MDN instanceof