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。