typeof 和 instanceof 区别

用法

typeof运算符

console.log(typeof x);    // undefined
console.log(typeof 4);   // number
console.log(typeof 'abc'); // string
console.log(typeof true);  // boolean

console.log(typeof function () {});  //function

console.log(typeof [1, 'a', true]);  //object
console.log(typeof { a: 10, b: 20 });  //object
console.log(typeof null);  //object
console.log(typeof new Number(10));  //object

可以看出typeof是用来判断数据类型的，你可以通过typeof判断string/number/boolean，但是typeof在判断到null和引用类型的时候，返回值只有object/function，你不知道它到底是一个object对象，还是数组，还是new Number等等。
这个时候就需要用到instanceof了

instanceof

function Foo() {}
var f1 = new Foo();

console.log(f1 instanceof Foo); //true
console.log(f1 instanceof Object); //true

f1这个对象是被Foo创建，而f1 instanceof Object为什么是true，我们需要知道instanceof判断的规则
Instanceof的判断规则是：沿着f1的__proto__这条线来找，同时沿着Object的prototype这条线来找，如果两条线能找到同一个引用，即同一个对象，那么就返回true。如果找到终点还未重合，则返回false。看下图。

通过上以规则，你可以解释很多比较怪异的现象，例如：

console.log(Object instanceof Function); //true
console.log(Function instanceof Object); //true
console.log(Function instanceof Function); //true

上面的图给点耐心，按照他对应的线去寻找相信你就明白了。

可以看出函数是一种对象，但是函数却不像数组一样——你可以说数组是对象的一种，因为数组就像是对象的一个子集一样。但是函数与对象之间，却不仅仅是一种包含和被包含的关系，函数和对象之间的关系比较复杂，甚至有一点鸡生蛋蛋生鸡的逻辑。

这里还有一篇关于prototype原型和隐式原型__proto__的文章可以看看。

关于知识点我是采摘下面博客的内容：

https://www.cnblogs.com/wangfupeng1988/p/3977987.html
https://www.cnblogs.com/wangfupeng1988/p/3979533.html