浅玩JavaScript的数据类型判断
前言
平常在需要进行类型判断时,随手拿起typeof就像手枪一样只管突突突...也没有仔细的去了解它的具体特性。
所以这里就利用空闲时间,来做一个较为详细的了解。
首先我们来全面看一遍typeof类型的检测情况:
这里我给一组比较详细的数据类型变量:
var s = new String('abc'),
n = 123,
b = true,
a = new Array(),
o = new Object(),
d = new Date(),
u = undefined,
f = function(){},
w = window,
doc = document,
r = new RegExp(),
m = Math,
t = window.setTimeout,
_s = '123',
_n = null,
_d = document.body,
_nan = NaN;
下面我们用typeof分别来检测这些变量的数据类型,看看具体的返回结果:
typeof s --> string
typeof n --> number
typeof b --> boolean
typeof a --> object
typeof o --> object
typeof d --> object
typeof u --> undefined
typeof f --> function
typeof w --> object
typeof doc --> object
typeof r --> object
typeof m --> object
typoef t --> function
typeof _s --> number
typoef _n --> object
typeof _d --> object
typeof _nan --> number
通过以上测试,可以很肯定的说typeof最多只可检查5种数据类型: string,number,boolean,underfined,object 。
实际上JavaScript也只有这5种数据类型。
像Date、Array、Function、HTMLElement、Math、RegExp这些数据,在JavaScript中,他们都是Object对象的再次包装,所以用typeof检测它们就会返回 object 类型。
但是在实际的运用中,如果将 Date、Array、Function、HTMLElement、Math、RegExp 都作为object类型看待,就很不切实际。
幸运的是,我们可以从这些对象的构造函数(constructor)上获得到代表它们具体的含义的信息。
例如:
a.constructor.toString() -- > "function Array() { [native code] }";
所以通过结合typeof、Object.constructor 这两种方法,自己编写了一个检测类型的方法:
function getType(){
var value = arguments[0],
type = function(){
return /\w+\s(\w+)\(\)\s.+?/.test(value.constructor.toString()) ? RegExp.$1.toLowerCase() : 'arguments except';
};
if(typeof value){
return value !== null ? value !== undefined ? type() : 'undefined' : 'null';
}else{
return 'undefined';
}
}
另外对于typeof在使用上还有一个小技巧。用typeof检测一个不存在“变量”的数据类型时,并不会报错,而是返回undefined。
而在以前,对与不确定的代码,我们都是通过try{}catch(e){...} 进行尝试运行的。
最后在查阅typeof的资料时。顺便也简单的看了下 instanceof 运算符的介绍。
总的来说,instanceof运算符是用于“检测左侧参数是否是右侧参数的一个实例”。如果是,则返回true,否则返回false。
示例:
var p = new person();
p instanceof person // --> true;
在这个示例中因为p是构造函数的person的一个实例,所以通过instanceof运算符得到的就是true。
这一点,可以在 p.constructor == 'function person(){}' 得到应征。
再稍微复杂的还有:
function person(){}
function animal(){}
persion.prototype = new animal();
var p = new person();
p instanceof persion() //--> true
p instanceof animal() //--> true
---------------- 好了... 睡觉去.... --------- 明天继续奋斗!!!! ---------------
浅玩JavaScript的数据类型判断的更多相关文章
- JavaScript中数据类型判断
做判断前先来了解下 JavaScript 中的基本数据类型 一.七大数据类型 基本类型:存储在栈( stack )中 Number(包括整型和浮点型) String. Boolean. Symbol ...
- JavaScript的数据类型判断学习理解和数据处理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- javascript数据类型判断
javascript基本数据类型:原始类型 和 引用类型 原始类型(简单数据类型):String,Number,Boolean,Undefined,Null,Symbol(ES6新增) 引用类型( ...
- JavaScript 数据类型判断
JavaScript 的数据类型分为两类:原始类型(基本类型)和对象类型(引用类型).原始类型包括数字.字符串和布尔值,另外有两个特殊的原始值:null 和 undefined,除此之外的都是对象.对 ...
- 关于 JavaScript 数据类型判断
在 JavaScript 中,有 undefined.null.number.string.boolean 五种基本数据类型,另外,有一种复杂数据类型 object ,类似于 C# 中值类型.引用类型 ...
- Javascript 中的数据类型判断
(迁移自旧博客2017 09 25) typeof 我们常使用typeof来判断数据类型,在常规场景中足以应付数据类型判断的需要: var obj = { name: 'zhangxiang' }; ...
- JavaScript学习总结(2)——JavaScript数据类型判断
最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断,在此做一个总结吧! 一.JS中的数据类型 1.数值型(Number):包括整数. ...
- 请你讲一讲JavaScript有哪些数据类型, 数据类型判断有哪些方法?
js的8种数据类型 JavaScript中有8种数据类型, 包括基本数据类型(number, string, boolean, null, undefined, symbol, bigint)和引用数 ...
- javascript中怎么判断两个数据类型相等
在 JavaScript 中,判断一个变量的类型尝尝会用 typeof 运算符,在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 "obj ...
随机推荐
- 【Win 10 应用开发】应用预启动
所谓预启动,其实你一看那名字就知道是啥意思了,这是直接译,也找不到比这个叫法更简练的词了.在系统资源允许的情况下(比如电池电量充足,有足够的内存空间),系统会把用户常用的应用程序在后台启动,但不会显示 ...
- requests的content与text导致lxml的解析问题
title: requests的content与text导致lxml的解析问题 date: 2015-04-29 22:49:31 categories: 经验 tags: [Python,lxml, ...
- 清空Github上某个文件的历史版本
title: 清空Github上某个文件的历史版本 author: 青南 date: 2015-01-08 16:04:53 categories: [经验] tags: [Github,histor ...
- Oracle安装部署,版本升级,应用补丁快速参考
一.Oracle安装部署 1.1 单机环境 1.2 Oracle RAC环境 1.3 Oracle DataGuard环境 1.4 主机双机 1.5 客户端部署 二.Oracle版本升级 2.1 单机 ...
- JAVA面试题
在这里我将收录我面试过程中遇到的一些好玩的面试题目 第一个面试题:ABC问题,有三个线程,工作的内容分别是打印出"A""B""C",需要做的 ...
- gulp批量打包文件并提取公共文件
gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器. browseriyf是模块化打包工具. 一般情况下,Browserify 会把所有的模块打包成单个文件.单个文件在大多数情况下是 ...
- 【转】 FineBI:自助式BI工具打造业务分析的“快与准”
如今的企业经营方式,业务对于数据分析有极大的需求,但却苦于没有数据以及工具的有效支持,业务分析仍就依赖于IT报表制作.而IT方不断地按业务需求去调研.确认业务逻辑,然后取数做报表,其中还要忍受业务的需 ...
- linux中kvm的安装及快照管理
一.kvm的安装及状态查看 1.安装软件 yum -y install kvm virt-manager libvirt2.启动libvirtd 报错,升级device-mapper-libs yum ...
- POJ1149 PIGS [最大流 建图]
PIGS Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 20662 Accepted: 9435 Description ...
- 邻接表的广度优先遍历(java版)
到 0 的权是 91 到 2 的权是 31 到 3 的权是 61 到 4 的权是 7 2 到 0 的权是 22 到 3 的权是 5 3 到 0 的权是 33 到 4 的权是 1 4 到 2 的权是 2 ...