typeof和instanceof都能够用来判断变量,它们的用法有很大区别
typeof会返回一个变量的根本类型,instanceof返回的是一个布尔值,须要留神的是,instanceof只能用来判断对象和函数,不能用来判断字符串和数字等

*先说instanceof
instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。
语法
object instanceof constructor
形容
instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。*

了解:object.__proto__ === constructor.prototype ? => boolean

定义构造函数function C(){}function D(){}var o = new C();o instanceof C;// true,因为Object.getPrototypeOf(o) === C.prototype// 扩大:能够了解为 o.__proto__ === C.prototypeo instanceof D;// false,D.prototype不在o的原型链上o instaceof Object;// true,Object.prototype.isPrototypeOf(o) 返回trueC.prototype instanceof Object// true ,同上C.prototype = {};var o2 = new C();o2 instanceof C; // trueo instanceof C;// false,C.prototype指向一个空对象,这个空对象不在o的原型链上D.prototype = new C(); // 继承var o3 = new D();o3 instanceof D; // trueo3 instanceof C; // true

如果表达式 obj instanceof Foo 返回true,则并不意味着该表达式会永远返回true,因为Foo.prototype属性的值有可能会扭转,扭转之后的值很有可能不存在于obj的原型链上,这时原表达式的值就会成为false。另外一种状况下,原表达式的值也会扭转,就是扭转对象obj的原型链的状况,尽管在目前的ES标准中,咱们只能读取对象的原型而不能扭转它,但借助于非标准的__proto__魔法属性,是能够实现的。比方执行obj.__proto__ = {}之后,obj instanceof Foo就会返回false了。

String和Date对象同时也属于Object类型

var simpleStr = "some simple string";var myString  = new String();var newStr    = new String("String created with constructor");var myDate    = new Date();var myObj     = {};simpleStr instanceof String; // false,查看原型链会找到undefinedmyString  instanceof String; // truenewStr    instanceof String; // truemyString  instanceof Object; // truemyObj instanceof Object; // true({})  instanceof Object; // truemyString  instanceof Date; // falsemyDate instanceof Date; // truemyDate instanceof Object; // truemyDate instanceof String; // false

typeof

typeof操作符返回一个字符串,批示未经计算的操作数的类型。

最新的 ECMAScript 规范定义了 8 种数据类型:

6 种原始类型,应用 typeof 运算符查看:
undefined:typeof instance === "undefined"
Boolean:typeof instance === "boolean"
Number:typeof instance === "number"
String:typeof instance === "string
BigInt:typeof instance === "bigint"
Symbol :typeof instance === "symbol"
null:typeof instance === "object"。
Object:typeof instance === "object"。任何 constructed 对象实例的非凡非数据结构类型,也用做数据结构:new Object,new Array,new Map,new Set,new WeakMap,new WeakSet,new Date,和简直所有通过 new keyword 创立的货色。
记住 typeof 操作符的惟一目标就是查看数据类型,如果咱们心愿查看任何从 Object 派生进去的构造类型,应用 typeof 是不起作用的,因为总是会失去 "object"。查看 Object 品种的适合形式是应用 instanceof 关键字。但即便这样也存在误差。

(以上摘自MDN Web Docs)

如果咱们想要判断一个变量是否存在,能够应用typeof:(不能应用if(a) 若a未声明,则报错)

if(typeof a != 'undefined'){    //变量存在}

typeof用于判断数据类型,返回值为6个字符串,别离为string、Boolean、number、function、object、undefined。

var a = [34,4,3,54],        b = 34,        c = 'adsfas',        d = function(){},        e = true,        f = null,        g;        console.log(typeof(a));//object        console.log(typeof(b));//number        console.log(typeof(c));//string        console.log(typeof(d));//function        console.log(typeof(e));//boolean        console.log(typeof(f));//object        console.log(typeof(g));//undefined

然而你可能会发现,typeof在判断null、array、object以及函数实例(new + 函数)时,失去的都是object。这使得在判断这些数据类型的时候,得不到真是的数据类型。由此引出instanceof。
instanceof判断该对象是谁的实例,同时咱们也就晓得instanceof是对象运算符。
这里的实例就牵扯到了对象的继承,它的判断就是依据原型链进行搜查,在对象obj1的原型链上如果存在另一个对象obj2的原型属性,那么表达式(obj1 instanceof obj2)返回值为true;否则返回false。

小结:

  • typeof判断所有变量的类型,返回值有number,boolean,string,function,object,undefined。
  • typeof对于丰盛的对象实例,只能返回"Object"字符串。
  • instanceof用来判断对象,代码模式为obj1 instanceof obj2(obj1是否是obj2的实例),obj2必须为对象,否则会报错!其返回值为布尔值。
  • instanceof能够对不同的对象实例进行判断,判断办法是依据对象的原型链顺次向下查问,如果obj2的原型属性存在obj1的原型链上,(obj1 instanceof obj2)值为true。