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

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

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

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

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‘。

最后贴上规范里的解释

时间: 2024-08-05 15:58:08

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

JavaScript中的逗号运算符

JavaScript中的逗号运算符(,)是顺序执行两个表达式. expression1, expression2 其中,expression1是任何表达式,expression2是任何表达式. 逗号运算符(,)导致按从

ExtJs--14--Ext.typeOf() 与 javascript中的typeof很相似,只是在类型上进行了一点简单的扩展,其实可以直接看源代码就可以看得懂的

Ext.typeOf() // Ext.typeOf() 与 javascript中的typeof很相似,只是在类型上进行了一点简单的扩展,其实可以直接看源代码就可以看得懂的 // typeOf: function(value) { // var type, // typeToString; // // if (value === null) { // return 'null'; // } // // type = typeof value; // // if (type === 'undef

关于JavaScript中的typeof与instanceof

JavaScript中typeof和instanceof可以用来判断一个数据的类型,什么时候选择使用typeof?什么时候选择使用instanceof? typeof运算符 typeof运算符返回值有以下几种 原始数据类型 typeof 123 // "number" typeof '123' // "string" typeof false // "boolean" 函数类型 function f() {} typeof f // "

Javascript中的typeof和instanceof

typeof 是一元操作符,而instanceof是二元操作符: typeof 操作的是一个变量,而instanceof前面是一个变量,后面是一个类型: typeof 返回的是一个字符串,而instanceof 返回的是一个布尔值. 1.typeof() http://www.cnblogs.com/jikey/archive/2010/05/05/1728337.html typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型.它返回值是一个字符串,该字符串说明运算数的类型.,

javaScript 中的布尔运算符 && 和 ||

布尔运算符 && 和 ||的返回结果不一定是布尔值!由此来展开一定的研究及理解. 1.首先先介绍下常见的数据类型转化为bool后的值. (常用地方)在if表达式中,javascript先把条件表达式转换成bool值再进行判断 2.下面来介绍下逻辑与&& 逻辑非|| 的运算后的返回结果 逻辑与 && 由上面结果可以看出.逻辑与&&中,当左侧表达式为 真值,结果则返回右侧表达式:当左侧表达式为 假值,结果则返回左侧表达式: 也就是 var i=&

JavaScript中的typeof操作符用法实例

在Web前端开发中,我们经常需要判断变量的数据类型.鉴于ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供这方便信息的操作符. 对一个值使用typeof操作符可能返回下列某个字符串: “undefined”——如果这个值未定义“boolean”——如果这个值是布尔值“string”——如果这个值是字符串“number”——如果这个值是数值“object”——如果这个是对象或null“function”——如果这个值是函数 常用的typeof操

在 JavaScript 中为什么 typeof null 的结果是 object?

java 中的 null:既是对象,又不是对象,史称「薛定谔的对象」. typeof null==='object';  ..//true null instanceof Object  //false nullinstanceofObject===false 而 null instanceof null 会抛出异常: UncaughtTypeError:Right-hand side of 'instanceof'isnotan object 这是一个历史遗留下来的 feature(or bu

你真得懂Javascript中的==等于运算符吗?

var i = 2; Number.prototype.valueOf = function() { return i++; }; var a = new Number( 42 ); if (a == 2 && a == 3) { console.log( "Yep, this happened." ); } ============================ "0" == null; // false "0" == und

javascript中关系运算符的说明

决定javascript语法的部分叫做ECMAScript,JavaScript的语法相比较java来说宽松了很多,同时也复杂了很多.在ECMAscript中进行关系符运算时,经常会遇到各种类型转换,大部分的类型转换都是自发的,在应用不同的操作符进行转换时,数据类型的转换又会有所不同. javascript中的关系运算符包括'>','<','>=','<='. 当两个做比较的操作数都是数字的时候,直接进行比较(当然了,这是废话). 当两个操作数都是字符串的时候,比较字符串对应的字符