typeof和instanceof、constructor的关系

简介: JavaScript中typeof和instanceof常用来判断一个变量是否为空或者是什么类型的;但它们之间还是有区别的: typeof 是一个一元运算符,放在一个运算数之前检测其是不是基本数据类型,它返回值是一个字符串,该字符串说明运算数的类型;

JavaScript中typeof和instanceof常用来判断一个变量是否为空或者是什么类型的;但它们之间还是有区别的:
typeof 是一个一元运算符,放在一个运算数之前检测其是不是基本数据类型,它返回值是一个字符串,该字符串说明运算数的类型;

typeof一般只能返回如下几个结果:number,boolean,string,function,object,undefined;我们可以使用typeof来获取一个变量是否

存在,例如:if(typeof a!="undefined"){alert("ok")},而不要去使用if(a),因为如果a不存在未声明)则会出错;对于Array、

Null、Object等特殊对象,使用typeof一律返回object,这也是typeof的局限性

正因为typeof有这样的局限性,当我们要判断一个对象是否是数组或者变量是否是某个对象的实例时,则要选择使用另一个关键语法

instanceof。

instanceof用于判断一个变量是否为某个对象的实例,返回值是布尔类型的;例如:var a=new Array();alert(a instanceof Array);

会返回true,同时alert(a instanceof Object)也会返回true;这是因为Array是object的子类;再例如:alert(window instanceof

Object)会返回false,这也说明instanceof测试的object是指js语法中的object,不是指dom模型对象;instanceof操作符的本质,在

于确定左边的操作数的原型链上是否有右边的操作数的prototype属性。

谈到instanceof我们要多插入一个问题,就是function的arguments,我们大家也许都认为arguments是一个Array,但如果使用

instaceof去测试会发现arguments不是一个Array对象,尽管看起来很像。

需要注意的是,instanceof只能用来判断对象和函数,不能用来判断字符串和数字等,如:
var b = '123';
alert(b instanceof String); //false
alert(typeof b); //string
var c = new String("123");
alert(c instanceof String); //true
alert(typeof c); //object
另外,用instanceof可以判断变量是否为数组

在JS语言中,constructor属性是专门为function设计的,它存在于每一个function的prototype属性中,每个具有原型的对象都会自动获得constructor属性,这个constructor保存了指向function的一个引用,除了arguments、Enumerator、Error、Global、Math、RegExp、Regular Expression等一些特殊对象外,其他所有的JS内置对象都具备constructor属性,如:Array、Boolean、Date、Function、Number、Object、String等,所有主流浏览器均支持该属性;constructor语法为:object.constructor,用法例如:var test=new Array();if (test.constructor==Array){document.write("This is an Array");};其实constructor的出现原本就是用来进行对象类型判断的,但是constructor属性易变,不可信赖;我们一般使用更加安全可靠的判定方法:instanceof 操作符;不过从编程习惯上,我们应该尽量让对象的constructor指向其构造函数以维持这个惯例

constructor属性是个很容易犯错的属性。
1.它的实质是包含在原型中的属性,而该属性是共享的,因此可以通过对象实例访问该属性。
2.当在原型对象中设置constructor属性时,只是屏蔽了原型的constructor属性,而没有覆盖

目录
相关文章
|
14天前
|
JavaScript 前端开发
typeof的作用
typeof的作用
|
1月前
|
JavaScript 前端开发 编译器
typeof和instanceof
typeof和instanceof
14 0
|
14天前
|
JavaScript 前端开发
JavaScript中Object.prototype.toString.call()、instanceOf和Array.isArray()的区别
JavaScript中Object.prototype.toString.call()、instanceOf和Array.isArray()的区别
21 1
|
2月前
Object.prototype.toString.call() 和 instanceOf 和 Array.isArray() 区别以及优缺点
Object.prototype.toString.call() 和 instanceOf 和 Array.isArray() 区别以及优缺点
|
2月前
|
缓存 前端开发 JavaScript
方法 constructor()
方法 constructor() 是 JavaScript 中构造函数的一个特殊方法,它用于创建和初始化对象。当使用 new 操作符创建一个对象时,构造函数的 constructor 方法会被自动调用。在 constructor 方法中,可以设置对象的属性和方法,以及执行一些初始化操作。
32 7
|
8月前
typeof 与 instanceof 区别?
typeof 与 instanceof 区别?
|
12月前
|
JavaScript 前端开发
constructor 属性
constructor 属性
54 0
|
JavaScript 前端开发
JavaScript总结:typeof与instanceof的区别,及Object.prototype.toString()方法
JavaScript总结:typeof与instanceof的区别,及Object.prototype.toString()方法
151 0
JavaScript总结:typeof与instanceof的区别,及Object.prototype.toString()方法
|
存储 JavaScript 前端开发
typeof 与 instanceof ,如何模拟实现一个 instanceof,有没有通用检测数据类型?
typeof 与 instanceof ,如何模拟实现一个 instanceof,有没有通用检测数据类型?