码迷,mamicode.com
首页 > 编程语言 > 详细

javascript检测基本类型值或引用类型值的类型方法

时间:2019-02-01 18:58:08      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:element   其他   func   .json   类型   class   语言   基本类型   ret   

首先javascript的数据类型分为两种数据类型:基本数据数据类型和引用数据类型

基本数据类型:Number,String,Boolean,Undefined,Null。原始值,是简单的数据段,可按值访问,直接操作保存在变量中的实际值

引用数据类型:Object,Array,Function,Date,RegExp,单体内置对象(Math,window(客户端才有的全局对象),global(服务端才有的全局对象))。引用值,是保存在栈内存中的对象,是有多个值构成的对象,与其他语言不同的是:你不可以直接访问堆内存空间中的位置和操作堆内存空间,只能操作对象在堆内存中的引用地址

 

我在这列举了3种方法,使用console.log()逐一打印出来,一目了然

 

第1种方法,使用typeof检测:

检测类型typeof,typeof(x)或者typeof x:检测基本类型值的数据类型,不建议检测引用类型值(note:也可检测单体内置对象(Math,window,global))
      console.log(typeof 1); //number
      console.log(typeof "1"); //string
      console.log(typeof true); //boolean
      console.log(typeof undefined); //undefined
      console.log(typeof null); //object

      console.log(typeof {}); //object
      console.log(typeof []); //object
      console.log(typeof function() {}); //function
      console.log(typeof new Date()); //object
      console.log(typeof new RegExp()); //object
      console.log(typeof Math); //object
      console.log(typeof window); //object(客户端的全局对象,否则undefined)
      console.log(typeof global); //object(服务端的全局对象,否则undefined)

 

第2种方法:使用instanceof检测:

检测类型instanceof:检测一个引用类型值是什么类型的对象,不建议检测基本类型值,因为在基本类型值中始终返回false(note:不可检测单体内置对象(Math,window,global))
      console.log(1 instanceof Number); //false
      console.log("1" instanceof String); //false
      console.log(true instanceof Boolean); //false
      // console.log(undefined instanceof Undefined); //报错,因为Undefined不存在
      // console.log(null instanceof Null); //报错,因为Undefined不存在

      console.log({} instanceof Object); //true
      console.log([] instanceof Array); //true,也属于Object类型
      console.log(function() {} instanceof Function); //true,也属于Object类型
      console.log(new Date() instanceof Date); //true,也属于Object类型
      console.log(new RegExp() instanceof RegExp); //true,也属于Object类型

 

 第3种方法:使用Object.prototype.toString().call(x)检测:

检测类型Object.prototype.toString.call(x),可检测基本类型值和引用类型值(note:也可检测单体内置对象(Math,window,global)和JSON)
但是Object.prototype.toString()本身是允许被修改的,而我们目前所探讨的是假设未被修改为前提的
      console.log(Object.prototype.toString.call(1)); //[object Number]
      console.log(Object.prototype.toString.call("1")); //[object String]
      console.log(Object.prototype.toString.call(true)); //[object Boolean]
      console.log(Object.prototype.toString.call(undefined)); //[object Undefined]
      console.log(Object.prototype.toString.call(null)); //[object Null]

      console.log(Object.prototype.toString.call({})); //[object Object]
      console.log(Object.prototype.toString.call([])); //[object Array]
      console.log(Object.prototype.toString.call(function(){})); //[object Function]
      console.log(Object.prototype.toString.call(new Date())); //[object Date]
      console.log(Object.prototype.toString.call(new RegExp())); //[object RegExp]

      console.log(Object.prototype.toString.call(Math)); //[object Math]
      console.log(Object.prototype.toString.call(window)); //[object window](客户端的全局对象,否则报错)
      // console.log(Object.prototype.toString.call(global)); //[object global](服务端的全局对象,否则报错)

      console.log(window.JSON && Object.prototype.toString.call(JSON)); // [object JSON]
 
使用这种方法,可以编写一个判断所有类型的函数:
      function getType(obj){
        let str = Object.prototype.toString.call(obj); // 检测基本类型值,引用类型值的类型
        let map = {
          ‘[object Boolean]‘: ‘boolean‘,
          ‘[object Number]‘: ‘number‘,
          ‘[object String]‘: ‘string‘,
          ‘[object Function]‘: ‘function‘,
          ‘[object Array]‘: ‘array‘,
          ‘[object Date]‘: ‘date‘,
          ‘[object RegExp]‘: ‘regExp‘,
          ‘[object Undefined]‘: ‘unfefined‘,
          ‘[object Null]‘: ‘null‘,
          ‘[object Object]‘: ‘object‘
        };
        if(obj instanceof Element){
          return ‘element‘;
        }
        return map[str];
      }
      console.log("string"); // string

 

 

 

javascript检测基本类型值或引用类型值的类型方法

标签:element   其他   func   .json   类型   class   语言   基本类型   ret   

原文地址:https://www.cnblogs.com/jinbang/p/10346584.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!