typeof的缺点以及解决方式

最新推荐文章于 2025-06-26 17:45:00 发布

原创最新推荐文章于 2025-06-26 17:45:00 发布 · 4.1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#typeof

javascript 专栏收录该内容

41 篇文章

订阅专栏

typeof在判断类型时存在局限，例如对于Array、null和undefined的判断。推荐使用Array.isArray()来判断Array，使用myVar === null判断null，typeof window.myVar === 'undefined'判断全局变量是否存在。然而，无法区分变量是否定义。一种解决方案是封装函数，或者利用Object.prototype.toString.call()进行更准确的类型检查。这是一个改善类型的工具函数示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先要给出的当然是这张值表：

表达式	返回值
typeof true	‘boolean’
typeof 123	‘number’
typeof “abc”	‘string’
typeof function(){}	‘function’
typeof []	‘object’
typeof {}	‘object’
typeof null	‘object’
typeof undefined	‘undefined’
typeof unknownVariable	‘undefined’

从这张表可以看出，如果需要用typeof来判断类型，只有‘boolean’、‘number’、’string’、‘function’三种类型是靠谱儿的，用于判断其他类型会出现不可预期的错误~请谨慎使用~

针对typeof的软肋，我们有一些比较好的解决方式：

判断Array 要使用Array.isArray(arr)；
判断null请使用myVar === null；
判断某个全局变量是否存在用typeof window.myVar=== ‘undefined’；
函数内部判断某个变量是否存在用typeof myVar === ‘undefined’。

但是通过以上解决方法，我们还是没有办法判断 typeof myVar === ‘undefined’的时候具体是定义还是未定义

于是我们想出了另外一种解决方案，可以封装成一个函数：

function isDefined(va) {
    //var va;
    //var va = null;
    //var va = 'xxxx';
    try{
        // 已经声明
        // 判断是否已经定义
        if (va === undefined){ 
        // 不能使用 ==，因为当 "var va = null;"时 被判定为未定义是错误的。
        //if (typeof  va === 'undefined'){  // 这种方式也是不可取的。
            // 未定义
            window.console && console.log("变量未定义.");
        }else {
            // 已经定义了，可能为null 
            window.console && console.log("变量已定义.");
        }
    } catch(e){
        // va 未声明
        window.console && console.log("变量未声明，");
    }
}

判断数据类型得以完美解决~

ps: 我是不会告诉你们用Object.prototype.toString.call()判断类型最爽了哈哈哈~

我们可以封装成一个简单的工具函数来判断类型，做项目的时候引入或者mixin就可以用了：
**
 * 判断一个变量哪种类型
 * @param {*} obj - 待判断变量
 * @returns {string} 类型名称
 */
export function typeOf(obj) {
  return toString.call(obj).slice(8, -1).toLowerCase()
}

试试吧骚年~