用法
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