JS-安全检测JavaScript基本数据类型和内置对象的方法-CSDN博客

前言：在前端开发中经常会需要用到检测变量数据类型的需求，比如：判断一个变量是否为undefined或者null来进行下一步的操作，今天在阅读“编写高质量代码-改善JavaScript程序的188个建议”这本书的时候看到这个比较好的方法，在此小记一笔以备在以后的开发中使用。

1：如下所示是我编写的演示代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>Index Page</title>
    <script type="text/javascript">
     /*
          安全检测JavaScript基本数据类型和内置对象
          @param：o表示检测的值
          @return：返回字符串'undefined','number','boolean','string','function','regexp','array','date','error','object','null' 
     */
      function typeOf(o)
      {
        //获取Object对象默认的toString()方法的引用，因为要获取对象的class值的唯一方法是调用Object对象定义的默认toString()方法，不同对象都会预定义自己的toString()方法，转换的逻辑各不相同
        var _toString=Object.prototype.toString;
        //列举基本数据类型和内置对象类型，可以进一步补充该数组的检测数据类型范围
        var _type= {
          'undefined' : 'undefined', 
          'number' : 'number', 
          'boolean' : 'boolean', 
          'string' : 'string', 
          '[object Function]' : 'function', 
          '[object RegExp]' : 'regexp', 
          '[object Array]' : 'array', 
          '[object Date]' : 'date', 
          '[object Error]' : 'error'
        }
        //返回对应的数据类型或者内置对象的字符串表示
        return _type[typeof o] || _type[_toString.call(o)] || (o ? 'object' : 'null');
      }
      /*
        测试方法
      */
      (function testTypeOf()
      {
        var obj={'name':'godtrue'},
        num=1,
        str='hello',
        boo=true,
        abs=Math.abs,
        dat=new Date(),
        arr=new Array(),
        err=new Error(),
        reg=new RegExp();

        console.info(typeOf(obj));
        console.info(typeOf(num));
        console.info(typeOf(str));
        console.info(typeOf(boo));
        console.info(typeOf(abs));
        console.info(typeOf(dat));
        console.info(typeOf(arr));
        console.info(typeOf(err));
        console.info(typeOf(reg));
        console.info(typeOf(null));

        console.info('【author:godtrue】');
      })();

    </script>
  </head>
  <body bgcolor="AliceBlue" align="center">
    <p style="color:red;">
      注意：上述方法适用于JavaScript基本数据类型和内置对象，而对自定义对象是无效的。这是因为自定义对象被转换为字符串后，返回值是没有规律的，而且不同的浏览器的返回值也是不同的。因此，要检测费内置对象，只能够使用constructor属性和instaceof运算符来实现。
    </p>
  </body>
</html>