JavaScript中的类型和判定方法的实用总结

1. 语言类型

JavaScript定义了7种语言类型:

Undefined, Null, Boolean, String, Number, Symbol, Object。

围绕Object,又有很多特殊的类型:

Date, RegExp, Function。

2. 类型判断

undefined

Undefined类型表示未经赋值的”空值“,该类型只有一个值,可以用全局变量undefined来表示。使用 variable === undefined 或者 variable === void 0 可以判断一个值是否为该类型,后者在ES5之前更可靠因为那时的全局变量undefined是可以被更改的。

null

Null类型只有一个值,那就是null,它是JavaScript的关键字,可以直接用null来判定值 variable === null。

Boolean, String, Number

这里的数字、字符串、布尔类型是可以是原始类型,也可以它们的包装对象。简单通过如下代码即可进行类型判定:

typeof num === 'number'
typeof str === 'string'
typeof bol === 'boolean'

比较特殊的一点是typeof null 得到的是 object,可以把它当做一个”非对象“类型的对象。

Symbol

同样可以直接使用 typeof 判断Symbol类型

typeof sy === 'symbol'

Object

JavaScript是面向对象的编程语言,在开发过程中会用到大量的对象,仅仅使用 typeof 显然无助于了解更多跟对象相关的信息

我们可以使用 Object.prototype.toString.apply(variable) 会返回类似于 [object Object]的结构,第二个Object会随着构造函数的不同而不同。

因此我们就可以使用如下代码来判断具体的类型:

Object.prototype.toString.apply(o).slice(8, -1) === 'Object'
Object.prototype.toString.apply(n).slice(8, -1) === 'Number'
Object.prototype.toString.apply(s).slice(8, -1) === 'String'
Object.prototype.toString.apply(b).slice(8, -1) === 'Boolean'
Object.prototype.toString.apply(d).slice(8, -1) === 'Date'
Object.prototype.toString.apply(r).slice(8, -1) === 'RegExp'
Object.prototype.toString.apply(r).slice(8, -1) === 'Function'
Object.prototype.toString.apply(c).slice(8, -1) === 'CustomClass'

3. 其他相关方法

instanceOf运算符

该运算符期望左操作数是对象,右操作符是表示对象的类, 因为所有的对象都是Object的实例,所以判断一个对象是否是一个类的实例的时候,所有对该类的"父类"的检测也能通过。

var d = new Date();
d instanceof Date; //true
d instanceof Object; //true

为什么不能直接使用instanceOf作为类型检测?原因是Web浏览器可能有多个窗口或者frame存在,每个窗口都有自己的JavaScript环境,都有自己的全局对象,因此一个窗体中的对象将不是另外窗体的的构造函数的实例。

isPrototypeOf

JavaScript希望将原型对象作为类的唯一标志,例如,如下的Cat的实例可以通过isPrototypeOf的方法来判定它是否是属于Cat类:

function Cat(){}
var cat = new Cat();
Cat.prototype.isPrototypeOf(cat);

使用constructor.prototype判断为什么不可靠

创建对象有三种方法中,分别是
(1)对象直接量, var o = {};
(2)通过new,var Cat=function(){} var c = new Cat();
(3)通过Object.create,Object.create({})

其中(2)(3)想要通过constructor.prototype来判定对象所属类是不可靠的,举例:

function F(){};
F.prototype = {y: 1};
var o = new F();
o.constructor.prototype === F.prototype; // false 
o.constructor.prototype === Object.prototype; // true 
F.prototype.isPrototypeOf(o); // true

var p = {x:1};
var o2 = Object.create(p);
o2.constructor.prototype === p; // false
o2.constructor.prototype === Object.prototype; // true 
p.isPrototypeOf(o2); // true

初始化对象的constructor则不能作为类的标志,因为两个不同个构造函数的prototype属性可能指向同一个原型对象。但因为构造函数的”外在表现“,它的名字常被用作类名,而且instanceOf的表现强化了”构造函数是类的共有标志“的印象。

NaN

NaN === NaN // false
isNaN(NaN) // true

4. 使用总结

is null:  val === null 
is undefiend:   val === undefined 
is boolean:   typeof val === 'boolean' 
is string:   typeof val === 'string' 
is number:   typeof val === 'number' 
is object:   Object.prototype.toString.apply(val).slice(8, -1) === 'Object' 
is date:   Object.prototype.toString.apply(val).slice(8, -1) === 'Date' 
is array:   Object.prototype.toString.apply(val).slice(8, -1) === 'Array' 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,423评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,147评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,019评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,443评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,535评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,798评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,941评论 3 407
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,704评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,152评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,494评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,629评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,295评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,901评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,742评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,978评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,333评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,499评论 2 348

推荐阅读更多精彩内容