javascript 类型检测

关于javascript的类型检测,根据浏览器的不同可能会产生不一样的结果,但是哥哥浏览器总有相同的地方,现在 总结一下各个浏览器通用的类型检测方法:

可以使用typeof的检测基本类型

String: typeof object === “string” 
Number: typeof object === “number” 
Boolean: typeof object === “booleanObject: typeof object === “object

检测null类型

null: object === null 
null or undefined: object == null

检测undefined类型

Global Variables全局变量: typeof variable === “undefined” 
Local Variables 本地变量: variable === undefined 
Properties属性: object.prop === undefined

检测是否为网页元素

Element: object.nodeType

检测复杂类型(jquery)(包括基本类型)

Plain Object: jQuery.isPlainObject( object ) 
Function: jQuery.isFunction( object ) 
Array: jQuery.isArray( object )

检测复杂类型(从jquery提取)(包括基本类型)

//前期准备
  var class2type={};
  class2type[ "[object Boolean]" ] ="boolean";
  class2type[ "[object Number]" ] ="number";
  class2type[ "[object String]" ] ="string";
  class2type[ "[object Function]" ] ="function";
  class2type[ "[object Array]" ] ="array";
  class2type[ "[object Date]" ] ="date";
  class2type[ "[object RegExp]" ] ="regexp";
  class2type[ "[object Object]" ] ="object";
  var type=function( obj ) {
        return obj == null ?
            String( obj ) :
            class2type[ Object.prototype.toString.call(obj) ] || "object";
    }
//如何使用

    var isFunction = function( obj ) {
        return type(obj) === "function";
    }
    var isArray = Array.isArray || function( obj ) {
        return type(obj) === "array";
    }
    var isWindow = function( obj ) {
        return obj != null && obj == obj.window;
    }
    var isPlainObject = function( obj ) {
        if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || isWindow( obj ) ) {
            return false;
        }
        try {
            if ( obj.constructor &&
                ! Object.prototype.hasOwnProperty.call(obj, "constructor") &&
                ! Object.prototype.hasOwnProperty.call(obj.constructor.prototype, "isPrototypeOf") ) {
                return false;
            }
        } catch ( e ) {
            // IE8,9 Will throw exceptions on certain host objects #9897
            return false;
        }

        var key;
        for ( key in obj ) {}

        return key === undefined ||  Object.prototype.hasOwnProperty.call( obj, key );
    }

   var isNumeric = function( obj ) {
        return !isNaN( parseFloat(obj) ) && isFinite( obj );
    }
    var isEmptyObject = function( obj ) {
        var name;
        for ( name in obj ) {
            return false;
        }
        return true;
    }

检测自定义函数类型

function __typeof__(objClass)
{
    if ( objClass != undefined && objClass.constructor )
    {
        var strFun = objClass.constructor.toString();
        var className = strFun.substr(0, strFun.indexOf('('));
        className = className.replace('function', '');
        className=   className.replace(/(^\s*)|(\s*$)/ig, '');    
        return className==""?"Anonymous":className;
    }
    return typeof(objClass);
}

//使用方法

<script language="javascript">
alert(__typeof__(jsclass));
alert(__typeof__(JSClass));
alert(__typeof__(1));
alert(__typeof__([]));
alert(__typeof__({}));
</script>


//结果分别为:"JSClass", "Function", "Number", "Array""Object"

来自本方法来源
基本原理是由于objClass里有一个constructor指针,这个指针指向了创建objClass的function。我们找到这个function用tostring来返回整个function的字符串定义。然后截取前方的函数定义名(当然如果用var xxx=function(){}那么他就是一个匿名函数。返回一个Anonymous代替)
另外javascript还有一个方法instantof 这个并不是类型检测但却能知道这个对象究竟是哪个类型以及其父类型下的,返回bool值。比如

var a=new Array();
if (a instanceof Object) {
    alert('Y');
}else {**重点内容**
    alert('N')
}

返回为Y.

以上总结各有优缺点,基本上原生的方法typeof是最快的也是最推荐使用的。但是他的缺点也是最明显。有些类型不能真正的判断。如果你要判断的不是基本类型。那么使用typeof也是不错的选择,毕竟他可以获得自定义类型。同时兼顾了基本类型。不过鉴于我所使用的测试平台基本上限于浏览器,没有在其他平台上做测试。不知道能否使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript数据类型包括字符串(String)、数字(Number)、布尔(Boolean)、对象(Object)、数组(Array)、空值(Undefined)和空引用(Null)等。\[1\]在JavaScript中,字符串是由一系列字符组成的,可以使用单引号或双引号表示。对象是一种复合数据类型,可以包含多个键值对。数组是一种特殊的对象,它以数字作为索引,存储多个值。数字可以是整数或浮点数,布尔值只有两个取值,即true和false。空值表示变量没有被赋值,而空引用表示变量的值为null,表示空对象。\[2\]在JavaScript中,可以通过typeof运算符来检测数据类型。此外,还可以通过拼接空字符串、使用toString()方法或拼接带参数的字符串来将数值型转化为字符串型。\[3\] #### 引用[.reference_title] - *1* [JavaScript数据类型](https://blog.csdn.net/huishi__/article/details/123454041)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [JavaScript 学习手册二:JS 数据类型](https://blog.csdn.net/weixin_54327001/article/details/121964883)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [JavaScript的七种数据类型](https://blog.csdn.net/Zhang_wang_yun/article/details/129959316)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值