JavaScript中使用typeof运算符需要注意的几个坑

typeof是一个运算符，它对操作数返回的结果是一个字符串，有6种(只针对ES，不包含HOST环境对象)。

1.'undefined'
2.'boolean'
3.'string'
4.'number'
5.'object'
6.'function'

因为它本身是运算符，它不是函数，使用时没必要加个小括号。

代码如下:

if (typeof(obj) === 'undefined') {
    // ...
}

typeof用来判断类型，它有几个坑

1. 对null返回是'object'，你却不能真正当对象使用。

代码如下:

var obj = null
if (typeof obj === 'object') {
    obj.a() // 这里报错
}

2. 对NaN返回是'number'，你却不能使用它进行算术运算。

代码如下:

var obj = {}
var num = parseInt(obj.a)
if (typeof num === 'number') {
    num = num + 10 // 执行后num仍然是NaN
}

3. 不能区分对象、数组、正则，对它们操作都返回'object'。

代码如下:

var obj = {}
var arr = []
var reg = /pop/g
console.log(typeof obj) // 'object'
console.log(typeof arr) // 'object'
console.log(typeof reg) // 'object'

4. Safar5,Chrome7之前的版本对正则对象返回 'function'。

最后贴上规范里的解释

赞 (0)

相关推荐

  • JavaScript三元运算符的多种使用技巧

    发现代码慢慢写多了的时候会不自觉的将if else 用 三元来替代,仅仅是未了让代码更简洁精辟,当然也有人说用三元可以让你有高潮的感觉.最近在写js 的时候也有这样的感觉,并且收集了一些小技巧,分享分享. 大鸟请跳过下面这段,大大鸟帮忙指正 ^__^ ====普及线==== 表达式 (expr1) ? (expr2) : (expr3) 在 expr1 求值为 TRUE 时的值为 expr2,在 expr1 求值为 FALSE 时的值为 expr3. ============ 普通用法 当你发现

  • Javascript中3个需要注意的运算符

    Javascript中3个需要注意的运算符

    平时写惯了C#,所以会觉得什么样的运算符就应该做什么样的运算,但是有一天你的习惯被其他语言颠覆了,不知道是不是有一股强大的好奇 心,刚好在js中,我的这种习惯就被颠覆了,下面就看看哪些运算符颠覆了我的三观. 一:==运算符 ==运算符之所以可以颠覆,可以从下面几个例子中看出来. <1> "10"==10 ? 如果这要是放在C#里面,编译器会毫不客气的告诉你,王八羔子,类型都不同,你比个毛线啊...但是在JS里面又会是怎样呢? 从上图中,你可以看到,不管你好奇不好奇,答案就在

  • 浅析JavaScript中的typeof运算符

    如果typeof的运算符是数字.字符串或者布尔值,它返回的结果就是"number"."string"或者"boolean",对对象.数组或者null,它返回 的是"object",对函数运算数,它返回的是"function",如果运算数是未定义的,它将返回"undefined". 当typeof的运算数是Number.String或者Boolean这样的包装对象时,它返回的是"

  • JavaScript中逗号运算符介绍及使用示例

    有一道js面试题,题目是这样的:下列代码的执行结果是什么,为什么? 复制代码 代码如下: var i, j, k; for (i=0, j=0; i<10, j<6; i++, j++) {   k = i+j; } document.write(k); 答案是显示10,这道题主要考察JavaScript的逗号运算符. 下面是MDN对逗号运算符的定义: 逗号运算符计算两个操作数(从左至右)并返回第二个操作数的值. 根据这个定义,可以扩展一下: 逗号运算符从左到右计算两个或多个操作数并返回最后一

  • javascript等号运算符使用详解

    本章节介绍一下javascript中等号运算符的用法,需要的朋友可以做一下参考. 等号运算符最为基本的用法就是比较两个运算数是否相等,看如下代码实例: 复制代码 代码如下: var a=2,b=2; console.log(a==b); 如果两个操作数相等,那么返回值就是true,否则返回false. 上面是最为基本的用法,下面再来介绍一下它相对比较特殊的几种情况. 复制代码 代码如下: var str="5"; var num=5; console.log(str==num); 上面

  • JavaScript按位运算符的应用简析

    大多数语言都提供了按位运算符,按位运算符在c,c++等语言中运用广泛,而在JS,AS等脚本语言中则没有太多的应用例子,有时候,适当的使用按位运算符会取得很好的效果.下面根据自己的认知简单的谈一下js中的位操作使用(同样适用于其他语言),如果有错误,欢迎指正. 按位运算符是把操作数看作一系列单独的位,而不是一个数字值.所以在这之前,不得不提到什么是"位":数值或字符在内存内都是被存储为0和1的序列,每个0和1被称之为1个位,比如说10进制数据2在计算机内被存储为 0 0 0 0 0 0

  • 浅析JavaScript中的delete运算符

    delete运算符将删除运算数所指定的对象的属性.数组元素或变量.如果删除操作成功,它将返回true,如果运算数不能被删除, 它将返回false.并非所有的属性和变量都是可以删除的,某些内部的核心属性和客户端属性不能删除,用var语句声明的用户 定义变量也不能被删除.如果delete使用的运算数是一个不存在的属性,它将返回true(ECMAScript标准规定,当delete运算的 运算数不是属性.数组元素或变量时,它将返回true). var o = {x:1, y: 2};    //定义一

  • javascript中in运算符用法分析

    本文实例讲述了javascript中in运算符用法.分享给大家供大家参考.具体分析如下: in运算符希望它的左操作数是一个字符串或可以转换为字符串,希望他的右操作数是一个对象:如果右侧对象拥有一个名为左操作数值的属性名,那么表达式返回true: var point = {x:1,y:1}; "x" in point //true "z" in point //false "toString" in point //true var ary = [

  • JavaScript中的6种运算符总结

    JavaScript 运算符主要包括: 算术运算符 赋值运算符 比较运算符 三元运算符 逻辑运算符 字符串连接运算符 算术运算符 运算符 说明 例子 运算结果 + 加 y = 2+1 y = 3 - 减 y = 2-1 y = 1 * 乘 y = 2*3 y = 6 / 除,返回结果为浮点类型 y = 6/3 y = 2 % 求余,返回结果为浮点类型 要求两个操作数均为整数 y = 6%4 y = 2 ++ 递加,分为前加和后加 对布尔值和 NULL 将无效 y = 2 ++y(前加) y++(

  • Javascript 按位取反运算符 (~)

    复制代码 代码如下: result = ~ [数字] 所有一元运算符(如 ~ 运算符)都按照下面的规则来计算表达式的值: 复制代码 代码如下: 1. 如果应用于未定义的表达式或 null 表达式,则会引发一个运行时错误.2. 将对象转换为字符串.3. 如果可能,将字符串转换为数字. 否则,将引发运行时错误.4. 布尔值被视为数字(如果为 false,则为 0:如果为 true,则为 1). 运算符将应用于结果数字. ~ 运算符查看表达式的二进制表示形式的值,并执行位非运算. 表达式中的任何一位为

  • JavaScript中按位“异或”运算符使用介绍

    按位"异或"运算符 (^)是对两个表达式执行按位异或.使用方法: 复制代码 代码如下: result = expression1 ^ expression2 其中result是任何变量. expression1是任何表达式. expression2是任何表达式. 按位"异或"运算符说明 ^ 运算符查看两个表达式的二进制表示法的值,并执行按位异或.该操作的结果如下所示: 0101 (expression1) 1100 (expression2) ---- 1001 (

  • Javascript 按位与运算符 (&)使用介绍

    复制代码 代码如下: result = [整数1] & [整数1] & 对两个 32 位表达式的每一个位执行按位"与"运算. 如果两个位均为 1,则结果是 1. 否则,结果为 0. 位1 位2 位与 0 0 0 1 1 1 0 1 0 1 0 0下面的示例演示如何使用 & 位与运算符和 &= 按位与赋值运算符: 复制代码 代码如下: // 9 二进制是 1001,补足32位为 00000000000000000000000000001001 var ex

随机推荐