JavaScript中typeof的局限性与类型判断方法详解

typeof 运算符与原始类型

typeof

ECMAScript 定义了五种原始类型（primitive type），分别为 Undefined、Null、Boolean、Number 和 String。虽然可以使用 typeof 运算符获取变量的类型，但该运算符对引用类型变量仅返回 "object"，这意味着 typeof 仅能准确识别基本类型的值。

var a = "abc";
console.log(typeof a); // "string"
var b = 123;
console.log(typeof b); // "number"
var c = true;
console.log(typeof c); // "boolean"
var d = null;
console.log(typeof d); // "object"
var f = undefined;
console.log(typeof f); // "undefined"
var g;
console.log(typeof g); // "undefined"

console.log(typeof x); // "undefined"

许多人会疑惑，为何 typeof null 会返回 "object"。这源于 JavaScript 早期实现中的一个错误，并被 ECMAScript 标准沿用至今。目前 null 被视为对象的占位符，以此解释这一矛盾现象，但从技术定义上，它依然属于原始值。

另一个较为特殊的情况是，对未声明的变量 x 使用 typeof 时，返回的是 "undefined" 而非报错，这体现了 JavaScript 的安全机制。

参考以下代码示例：

var a = function() { };
console.log(typeof a); // "function"
var b = [1,2,3]; 
console.log(typeof b); // "object"
var c = { };
console.log(typeof c); // "object"

由于数组和对象在使用 typeof 时均返回 "object"，因此在日常开发中，准确区分变量是数组还是普通对象成为一个常见需求。

类型判断方法

类型判断

类型判断的核心需求通常包括判断变量是否为数组，以及是否为空对象。以下介绍日常开发中常用或见过的几种判断方法。

判断数组

判断是否是数组

假设存在数组：var a = [1,2,3,4,5];

方法一：

toString.call(a); // 输出 "[object Array]"。这是方法二：

a instanceof Array; // 返回 true。这是方法三：

a.constructor == Array; // 返回 true。其中第一种方法通用性较强，即 Object.prototype.toString.call(a) 的简写形式。

需要注意的是，使用 instanceof 和 constructor 判断的变量必须在当前页面上下文中声明。例如，若父页面包含一个框架，框架内引用了子页面，子页面中声明的变量 a 被赋值给父页面的变量时，在父页面执行 Array == object.constructor 会返回 false。

var a = [1,2,3,4,5];
console.log(toString.call(a)); // "[object Array]"      
console.log(a instanceof Array); //true
console.log(a.constructor == Array); //true

判断空对象

判断是否是空对象

假设存在变量：var obj = {};

方法一：

JSON.stringify(obj); // 输出 "{}"。该方法通过将其转换为 JSON 字符串后判断是否为空大括号来识别。

方法二：

if(obj.id){ // 如果属性 id 存在...}。这种方法较为直观，大多数人能想到，但前提是需要知道对象中具体包含某个属性。

方法三：

function isEmptyObject(e) { 
var t; for (t in e) return !1; return !0 } //trueisEmptyObject(obj);
//falseisEmptyObject({ "a":1, "b":2});

此方法借鉴了 jQuery 中 isEmptyObject() 函数的实现逻辑。

以上关于 JavaScript 中 typeof 及类型判断的详解内容分享完毕，希望能对读者有所帮助，也欢迎大家继续支持本站。