详解js中typeof、instanceof与constructor

typeof返回一个表达式的数据类型的字符串，返回结果为js基本的数据类型，包括number,boolean,string,object,undefined,function.语法为typeof(data) 或 typeof data

instanceof则为判断一个对象是否为某一数据类型，或一个变量是否为一个对象的实例;返回boolean类型
语法为 o instanceof A

以下为综合实例：

1<script type="text/javascript">
2<!–
3alert("typeof(1):" + typeof(1));//number
4alert("typeof(\"abc\"):" + typeof("abc"));//string
5alert("typeof(true):" +typeof(true));//boolean
6alert("typeof(2009-2-4):" + typeof(2009-2-4));//number
7alert("typeof(\"2009-2-4\"):" + typeof("2009-2-4"));//string
8alert("typeof(m):" + typeof(m));//undefined
9var d=new Date();
10alert("typeof(d):" + typeof(d));//object
11function Person(){};
12alert("typeof(Person):" + typeof(Person));//function
13var a=new Array();
14alert("typeof(a):" + typeof(a));//object
15alert("a instanceof Array:" + (a instanceof Array));
16var h=new Person();
17var o={};
18alert("h instanceof Person:" + (h instanceof Person));//true
19alert("h instanceof Object:" + (h instanceof Object));//true
20alert("o instanceof Object:" + (o instanceof Object));//true
21alert(typeof(h));//object
22//–>
23</script>

js中constructor较少使用，如果不是搜索到相关construtor相关的资料，我之前从没有注意到js还有这个函数。

使用typeof的一个不好的地方就是它会把Array还有用户自定义函数都返回为object

1<script type="text/javascript">
2<!–
3var j=2;
4alert(typeof(j));//number
5alert("j.constructor:" + j.constructor);//function …
6alert(typeof(j.constructor));//function
7//–>
8</script>

可以看到js.constructor返回的是一些字符串，大家都应该能看到这是一个function类型，此例为Number()为Number对象的构造函数，Number()用于将其参数转换为数字number类型，并返回转换结果（若不能转换则返回 NaN）。

因此在以后的js判断数据类型时可以使用以下方式来得到其详细数据类型

if((typeof o=="object") && (o.constructor==Number)){
2

…
3

}

这里还要注意，constructor只能对已有变量进行判断，而typeof则可对未声明变量进行判断（返回undefined）。

详解js中typeof、instanceof与constructor相关推荐

详解js中的继承（一）
详解js中的继承(一) 前言准备知识 1.构造函数,实例 2.原型对象 3.构造函数,原型对象和实例的关系继承原型链小结前言通过[某种方式]让一个对象可以访问到另一个对象中的属性和方法,我 ...
php js实现流程图,详解js中构造流程图的核心技术JsPlumb（2）_javascript技巧
前言:上篇详解js中构造流程图的核心技术JsPlumb介绍了下JsPlumb在浏览器里面画流程图的效果展示,以及简单的JsPlumb代码示例.这篇还是接着来看看各个效果的代码说明. 一.设置连线的样式 ...
详解JS中的Object
详解 JS 中的 Object 从本质上看,Object 是一个构造函数,用于创建对象. 一.Object 构造函数的属性在 Object 中声明的属性只有两个: Object.length -- ...
详解JS中的原型与继承
每当我们提起原型链时不免会想到原型对象,对象的原型,还有众多的继承方式.于是prototype.[[prototype]].constructor等等难免在头脑中打架. 然而原型其实并不是什么高大上的 ...
html中隐式转换成数字,详解JS中的隐式类型转换
JS中隐式类型转换 JS中的数据类型 JS中的数据类型分为两大类: 1.基本数据类型: 1.String 字符串表示一段文本,例如:人的姓名.地址等 2.Number 数值 3.Boolean 布尔 ...
详解js中的undefined、NaN、null
js中三大特殊的值: undefined NaN null 1.undefined 变量声明了但为赋值 console.log(typeof undefined); //undefined conso ...
详解js中的闭包(closure)以及闭包的使用
作用域链我们知道在js中作用域分为全局作用域与局部作用域,作用域链的访问规则为从内到外,也就是说如果当前的作用域中没有该变量或者方法,则会在包含该作用域的外层作用域中,一层一层的向上找,直到wind ...
详解 JS 中 a.x = a = {} 到底发生了啥？（图文并茂，包你看懂）
直奔主题,先贴上代码: let a = {n:1}a.x = a = {n:2}console.log(a.x) console.log(a.x) 输出什么呢? 作为一个初学者,我的第一反应还是挺懵的 ...
php 数组 indexof,详解js中字符串和数组的indexof方法
javascript:里判断字符串是否包涵某个子字符串时,我们经常会遇到indexOf这个方法.但是你可知道,indexOf不仅仅可以用在字符串里,还可以用在数组里. 首先我们来认识一下indexOf ...

详解js中typeof、instanceof与constructor

详解js中typeof、instanceof与constructor相关推荐

最新文章

热门文章