zoukankan      html  css  js  c++  java
  • js 类型检测

    1、检测字符串、数值、布尔值、undefined、function 使用typeof(在Safari和Chrome中检测正则也会返回 "function")

    2、检测null 应用“===”

    3、检测其它对象:

          方法一:利用instanceof/constructor  

          (再某些ie版本中存在跨iframe问题,每个iframe下都有自己的一套原型链,跨frame实例化的对象彼此是不共享原型链)

    alert(A  instanceof  Object)
    alert(A  instanceof  Array)
    alert(A  instanceof  RegExp)  
    alert(A.constructor==Array)
          例如:

          方法二:利用 Object.prototype.toString.call()  

          (解决了方法一跨iframe 失效的问题)

          例如:

    Object.prototype.toString.call ({})          //"[objectObject]"
    Object.prototype.toString.call ([1,2,3,4]);  //"[objectArray]"
    Object.prototype.toString.call(newDate());   //"[objectDate]"
    Object.prototype.toString.call(/^hello/);    //"[objectRegExp]"
    Object.prototype.toString.call(newError())   //"[objectError]"
    Object.prototype.toString.call(newNumber())  //"[objectNumber]"

          参考jquery解决方案

        var class2type = {};
        $.each("Boolean Number String Function Array Date RegExp Object".split(" "), function (i, name) {
            class2type[ "[object " + name + "]" ] = name.toLowerCase();
        });
        $.type = function (obj) {
            return obj == null ?
                String(obj) : class2type[ toString.call(obj) ] || "object"
        };

           另外,ECMAScript 5 定义了一个新方法Array.isArray(),该函数在参数为数组时返回true,例如

           Array.isArray([])     // true

           所以我们可以定义:  

    if(typeof Array.isArray=="undefined"){
       Array.isArray=function(obj){
           return Object.prototype.toString.call(obj)==="[object Array]";
       }
    }


  • 相关阅读:
    CSS Sprite笔记
    前端分页页码静态部分制作
    有趣的网页小部件笔记
    Lintcode 85. 在二叉查找树中插入节点
    Lintcode 166. 主元素
    网页失去焦点标题变化效果
    Lintcode 166. 链表倒数第n个节点
    Lintcode 157. 判断字符串是否没有重复字符
    Lintcode 175. 翻转二叉树
    Lintcode 372. O(1)时间复杂度删除链表节点
  • 原文地址:https://www.cnblogs.com/hdchangchang/p/3965344.html
Copyright © 2011-2022 走看看