zoukankan      html  css  js  c++  java
  • javascript类型判断

    javascript中,类型判断是各大类库的基础之一。来看看是怎么实现的。

    主要有三种方法:

    1,满是坑的typeof  (认识其坑后是一个利器)

      typeof 返回6种基本类型:number, string, object, boolean, undefined, function

      其中有几个很容易误导的:

      (1)typeof obj === 'object',你却不能真正当对象使用

    if (typeof obj === 'object') {
        obj.a() // 这里报错
    }

      (2)typeof NAN === 'number',你却不能使用它进行算术运算

    if (typeof num === 'number') {
        num = num + 10 // 执行后num仍然是NaN
    }

      (3)Safar5,Chrome7之前的版本对正则对象返回 'function'

      (4) 不能区分对象、数组、正则,对它们操作都返回'object'

    2,遗憾的constructor 和 instanceof

      为什么说遗憾,因为在跨文档操作时候,会产生bug

    // 用法
    function isArray(arr){
        return typeof arr == "object" && arr.constructor == Array;
    }
    // 跨文档操作时就呵呵了
    window.onload=function(){
    var iframe_arr=new window.frames[0].Array;
    alert(iframe_arr instanceof Array); // false
    alert(iframe_arr.constructor == Array); // false
    }

    3, 最后的解药:Object.prototype.toString.

      直接把jQuery.2.0.3源码贴上

    class2type = {}
    core_toString = class2type.toString jQuery.each(
    "Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) { class2type[ "[object " + name + "]" ] = name.toLowerCase(); }); type: function( obj ) { if ( obj == null ) { return String( obj ); } // Support: Safari <= 5.1 (functionish RegExp) return typeof obj === "object" || typeof obj === "function" ? class2type[ core_toString.call(obj) ] || "object" : typeof obj; }

    总结:除了自定义类型外外,组合类型基本用Object.prototype.toString这种方法。typeof方法可以用来判断boolean, undefined, string类型

      

  • 相关阅读:
    巴厘岛的雕塑(sculptures)
    BZOJ4361: isn
    BZOJ2131: 免费的馅饼
    BZOJ4240: 有趣的家庭菜园
    BZOJ5484: [Usaco2018 Dec]Sort It Out
    BZOJ 2151: 种树
    HDU 1285 确定比赛名次(拓扑排序+优先队列)
    申请中文域名并跳转到个人网站(多种方法的尝试)
    Java binarysearch方法
    eclipse2019-12设置中文
  • 原文地址:https://www.cnblogs.com/pfzeng/p/4476307.html
Copyright © 2011-2022 走看看