详解js中typeof、instanceof与constructor

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

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

  语法为 o instanceof A

  以下为综合实例:

以下为引用的内容
<script type=text/javascript>
<!–
alert(typeof(1): + typeof(1));//number
alert(typeof(abc): + typeof(abc));//string
alert(typeof(true): +typeof(true));//boolean
alert(typeof(2009-2-4): + typeof(2009-2-4));//number
alert(typeof(2009-2-4): + typeof(2009-2-4));//string
alert(typeof(m): + typeof(m));//undefined
var d=new Date();
alert(typeof(d): + typeof(d));//object
function Person(){};
alert(typeof(Person): + typeof(Person));//function
var a=new Array();
alert(typeof(a): + typeof(a));//object
alert(a instanceof Array: + (a instanceof Array));
var h=new Person();
var o={};
alert(h instanceof Person: + (h instanceof Person));//true
alert(h instanceof Object: + (h instanceof Object));//true
alert(o instanceof Object: + (o instanceof Object));//true
alert(typeof(h));//object
//–>
</script>

  js中constructor较少使用,如果不是搜索到相关construtor相关的资料,我之前从没有注意到js还有这个函数。使用typeof的一个不好的地方就是它会把Array还有用户自定义函数都返回为object。

以下为引用的内容
<script type=text/javascript>
<!–
var j=2;
alert(typeof(j));//number
alert(j.constructor: + j.constructor);//function …
alert(typeof(j.constructor));//function
//–>
</script>

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

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

以下为引用的内容
if((typeof o==object) && (o.constructor==Number)){

}

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

  转自:http://www.51obj.cn/

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...