• typeof、instanceof与constructor


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

    语法: typeof(data) 或 typeof data

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

    以下为综合实例:

     console.log("typeof(1):" + typeof(1));//number
     console.log("typeof("abc"):" + typeof("abc"));//string
     console.log("typeof(true):" +typeof(true));//boolean
     console.log("typeof(2009-2-4):" + typeof(2009-2-4));//number
     console.log("typeof("2009-2-4"):" + typeof("2009-2-4"));//string
     console.log("typeof(m):" + typeof(m));//undefined
    
     var d=new Date();
     console.log("typeof(d):" + typeof(d));//object
    
     function Person(){};
     console.log("typeof(Person):" + typeof(Person));//function
    
     var a=new Array();
     console.log("typeof(a):" + typeof(a));//object
     console.log("a instanceof Array:" + (a instanceof Array)); //true
    
     var h=new Person();
     var o={};
     console.log("h instanceof Person:" + (h instanceof Person));//true
     console.log("h instanceof Object:" + (h instanceof Object));//true
     console.log("o instanceof Object:" + (o instanceof Object));//true
     console.log(typeof(h));//object
    
    

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

    var j=2;
    console.log(typeof(j));//number
    console.log("j.constructor:" + j.constructor);//function
    console.log(typeof(j.constructor));//function
    

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

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

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

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

  • 相关阅读:
    CentOS7搭建FTP服务器和安装FTP客户端
    Python实现网络和IP地址计算
    [Leetcode Weekly Contest]270
    [Leetcode Weekly Contest]269
    [Leetcode Weekly Contest]266
    Vue.use原理及源码解读
    Rust 程序设计语言 6
    go 语言的 Context
    Rust程序设计语言(7)
    手机界面设计中12种常用布局转载
  • 原文地址:https://www.cnblogs.com/Bryran/p/3989328.html
Copyright © 2020-2023  润新知