zoukankan      html  css  js  c++  java
  • 详解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判断数据类型时可以使用以下方式来得到其详细数据类型

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

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

    原文来自:http://www.51obj.cn/
  • 相关阅读:
    安装配置ssh免密码登录
    大数据学习之Linux环境搭建(导航)
    Linux下搭建sqli-labs环境
    SpringMVC freemarker 中 Could not resolve view with name 'XXX.ftl' in servlet with name 'SpringMVC'
    配置FreeMarker时IDEA提示cannot resolve property 'templateLoaderPath'
    MySQL在指定字段后添加一个新字段
    META-INF/MANIFEST.MF file not found in unnamed.war
    Java获取音频播放时长
    JS实现阿拉伯数字转韩文
    微信公众号开发-素材管理-调用接口返回结果一览表
  • 原文地址:https://www.cnblogs.com/walkingp/p/1568912.html
Copyright © 2011-2022 走看看