javascript中typeof操作符和constucor属性检测

前端技术 2023/09/06 JavaScript

*#type.js

复制代码 代码如下:

function Person(name, age) {
 this.name = name;
 this.age = age;
}
var d = {an: \'object\'};
var a = [\'apple\', \'banana\'];
var f = function() {};
var s = \'David\';
var n = 33;
var b = true;
var o = new Object();
var person = new Person(\'Mark\', 22);
console.log(typeof(d) + \': \' + d.constructor);
console.log(typeof(a) + \': \' + a.constructor);
console.log(typeof(f) + \': \' + f.constructor);
console.log(typeof(s) + \': \' + s.constructor);
console.log(typeof(n) + \': \' + n.constructor);
console.log(typeof(b) + \': \' + b.constructor);
console.log(typeof(o) + \': \' + o.constructor);
console.log(typeof(person) + \': \' + person.constructor);

运行$node type.js得

复制代码 代码如下:

object:   function Object() { [native code] }
object:   function Array() { [native code] }
function: function Function() { [native code] }
string:   function String() { [native code] }
number:   function Number() { [native code] }
boolean:  function Boolean() { [native code] }
object:   function Object() { [native code] }
object:   function Person() { [native code] }

可见, 使用typeof操作符和constucor属性检测对象类型返回值是存在差异的.

如果变量是数组, typeof操作符返回object, constructor属性返回Array;
如果变量是构造函数对象, typeof操作符返回object, constructor属性返回该构造函数
每个变量都有其construcor属性, 这个属性不单单提供了这个是否对象, 还提供了这个对象是什么类型的对象. 总之, constructor属性保存了一个指向对象的构造函数, 无论它是自定义的还是原生类型的对象.

有一点需要注意的是, 不同的浏览器对typeof操作符检测正则表达式会有所不同,IE和Firefox会返回\'object\'.

好了，今天内容就先到这里了，小伙伴们如有疑问，就在下方留言吧。

本文地址：https://www.stayed.cn/item/16838

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案