typeof的缺点以及解决方式

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

表达式	返回值
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()
}

试试吧骚年~