js判断数据类型的几种方式


一 typeof

回顾:js有五种基本数据类型:值类型("number","string","boolean","undefined") 和引用类型 (“object”),其中“object” 又包含“array,function,null”等数据类型。
typeof 可以判断所有的值类型"number","string","boolean","undefined"和引用类型中的‘function’ 类型,其余所有的引用类型都只能返回‘object’。
typeof 能返回6中数据类型。

type of 1;//"number"
type of 'test';//"string"
type of true;//"boolean"
type of undefined;//"undefined"
type of console.log;//"function"
type of null;//"object"
type of [];//"object"
type of {};//"object"

二 instanceof

优点:可以判断某个对象是否是由某个构造函数new 出来的 ,凡是通过构造函数创建的都能进行判断
例如:

//构造函数假如被当作普通函数直接执行抛出错误
function Person (){
    if(!(this instanceof Person)){  // 当Person被直接执行时,this在非严格模式下是指向window的,而被当作构造函数时,this 是指由Person new出来的对象
        throw new Error(‘Person为构造函数,请使用 new Person’);
    }
}

缺点:不能判断null 类型以及非new 出来的的值类型,不能精确的区分array、function和object

function utility(){
    return {
        isAarry:(data)=> data instanceof  Array,
        isFunction:()=> data instanceof Function
    }
}

三 Object.prototype.toString

优点:所有的数据类型都能判断
原理:一切皆对象
js 里面还有好多类型判断 [object HTMLDivElement] div 对象 , [object HTMLBodyElement] body 对象 ,object Document或者 [object HTMLDocument](firefox,google) ......各种dom节点的判断,这些东西在我们写插件的时候都会用到。

function utility(){
    return {
        isArray:(o)=>Object.prototype.toString.call(o) == "[object Array]",
        isObj:(o)=>Object.prototype.toString.call(o) == "[object Object]",
        isNull:(o)=>Object.prototype.toString.call(o) == "[object Null]",
        isFunction:(o)=>Object.prototype.toString.call(o) == "[object Function]",
        isDate:(o)=>Object.prototype.toString.call(o) == "[object Date]", 
        isDocument:(o)=>Object.prototype.toString.call(o) =="[object Document]"|| Object.prototype.toString.call(o) == "[object HTMLDocument]",
        isNumber:(o)=>Object.prototype.toString.call(o) == "[object Number]", 
        isString:(o)=>Object.prototype.toString.call(o) == "[object String]", 
        isUndefined:(o)=>Object.prototype.toString.call(o) == "[object Undefined]", 
        isBoolean:(o)=>Object.prototype.toString.call(o) == "[object Boolean]", 
    }
}
优质内容筛选与推荐>>
1、ubuntu安装QT4.8.0 和安装QT库
2、安全沙箱冲突:Loader.content:XX 不能访问 XX 可以通过调用 Security.allowDomain 来避免此冲突。
3、C#2.0匿名函数——转载
4、重载(编译期多态),重写(运行时多态)
5、关于C中函数的可变参数va_list...(转)


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号