• javascript 数据类型判断


    1. typeof

    typeof返回值为字符串,有六种类型

    number,string,boolean,function,undefined,object,

    typeof通常用来区分undefined和function类型,无法分辨复杂类型,例如array类型,和plain object类型

    用 typeof(reValue) === "undefined" 来区分undefined,不用 reValue === undefined 来区分undefined,是因为reValue未声明时,浏览器直接报错

    用typeof(reValue) === "function" 来检测function

    typeof可以区分基本类型,函数类型,其他的具体对象类型全部归为对象类型

    包括 new String('abc'), new Number('123'),null,Array都会被认为是对象类型

    总之,typeof只能区分基本类型和函数类型,通常用来检测undefined和function


    2. instanceof

    instanceof用来判断对象实例与类型的关系,返回值为bool类型,不能跨iframe。

    3. constructor

    constructor检测是使用对象的constructor属性,其值为该对象类型的构造函数的引用。例如,num.constructor的值为function Number(){native code}。此方法可以用来判断Array类型,例如 obj.constructor === Array 来判断其类型是否为Array。

    constructor方法有一些缺点,一是constructor属性可以被修改,二是constructor的判断不能穿越iframe。


    4. Object.prototype.toString.call

    此方法调用具体对象,会返回字符串,共11种类型,如下

    '[object Number]' '[object String]' '[object Boolean]' '[object Array]' '[object Object]'
    '[object Function]' '[object Undefined]' '[object Null]' '[object Date]' '[object RegExp]' '[object Error]'

    此方法是用来检测类型的终极方法,jquery的type()方法就是使用此方法来判断的,具体使用类型判断时候,可以解决$.type的实现。

    Object.prototype.toStirng.call的原理

    1.调用对象的toString方法,会返回其字符串形式,应为不同的类型重写了toStirng方法,例如,
    Array返回逗号连接的字符串,function返回函数本身

    2.调用对象的原型链上的Object的toString方法,会返回其对象类型[[class]],形式是
    [object [[class]]]的一个字符串,可以得到对象的具体类型

    类型判断总结

    ===   用来判断   null
    typeof  用来判断       undefined,function,object
    Object.prototype.toString.call 用来判断 array,number,boolean等具体类型

    Object.prototype.toString.call在ie6上有bug,string,undefined,null类型均为Object
    在ie6上可以使用typeof来判断string

    数据类型判断type方法简单实现

    function type(obj) {
        var class2type = {};
        'Boolean Number String Function Array Date RegExp Object Error Null Undefined'.split(' ').map((item, index) => {
            class2type['[object ' + item + ']'] = item.toLowerCase();
        });
        //object或function类型用toString判断,基本类型用typeof判断
        return typeof obj === 'object' || typeof obj === 'function' ?
            class2type[Object.prototype.toString.call(obj)] || 'object' : typeof obj;
    }


    参考:http://www.2cto.com/kf/201507/414817.html

  • 相关阅读:
    用js添加网页标题时,在QQ里无效,标题栏空白
    用css3的@keyframes里设置transform:rotate(); 当控制动画暂停:animation-play-state:paused暂停,在微信和safari里无效
    Python可变序列中的一些坑,记得多注意
    你知道?Python 中的序列类型支持哪些公共操作吗?
    用 python print() 函数实现的三个特效
    教你使用python生成器重构提取数据方法,来优化你的爬虫代码
    python中主线程与子线程的结束顺序,你知道吗?
    python装饰器实现对异常代码出现进行自动监控
    Python教程:高效率遍历文件夹寻找重复文件
    python教程: filter()和reduce()函数用法详解
  • 原文地址:https://www.cnblogs.com/mengff/p/5004913.html
Copyright © 2020-2023  润新知