【摘】【编写可维护的JavaScript】判断javascript中的类型

检测原始值

你希望一个值是字符串、数字、布尔值或undefined&＃xff0c;最佳选择是使用typeof运算符

// 检测字符串
if (typeof name &＃61;&＃61;&＃61; "string") {antherName &＃61; name.sbustring(3);
}
// 检测数字
if (typeof count &＃61;&＃61;&＃61;&＃61; "number") {updateCount(count);
}
// 检测布尔值
if (typeof found &＃61;&＃61;&＃61; "boolean" && found) {message("Found!");
}
// 检测undefined
if (typeof MyApp &＃61;&＃61;&＃61; "undefined") {MyApp &＃61; {};
}


typeof运算符的独特之处在于&＃xff0c;将其用于一个未声明的变量也不会报错。未定义的变量和值为undefined的变量通过typeof都将返回""undefined"

检测引用值

Javascript中除了原始值之外的值都是引用。几种类置的引用类型&＃xff1a;Object、Array、Date和Error。typeof运算符在判断这些引用类型时则显得力不从心。因为所有对象都会返回Object。typeof运算符用于null时也会返回object

// 检测日期
if (value instanceof Date) {console.log(value.getFullYear());
}
// 检测正则表达式
if (value instanceof RegExp) {if (value.test(antherValue)) {console.log("Matched");}
}
// 检测Error
if (value instanceof Error) {throw value;
}
// 检测自定义对象(唯一的方法)
if (me instanceof Person) {}
// 所有对象都被认为是Object的实例
if (me instanceof Object) {}


检测函数

function myFunc(){}
console.log(typeof myFunc &＃61;&＃61;&＃61; "function");


检测数组

// 采用鸭式辨型的方法
function isArray(value) {return typeof value.sort &＃61;&＃61;&＃61; "function";
}
// 优雅的解决方案
function isArray(value) {return Object.prototype.toString.call(value) &＃61;&＃61;&＃61; "[Object Array]";
}
function isArray(value) {if (typeof Array.isArray &＃61;&＃61;&＃61; "function") {return Array.isArray(value);}return Object.prototype.toString.call(value) &＃61;&＃61;&＃61; "[Object Array]";
}


检测属性

var object &＃61; {count: 0,related: null
};
if ("count" in object) {}
if ("related" in object) {
}
// IE8以及小于IE8版本中&＃xff0c;DOM对象并非继承自Object&＃xff0c;因此不包含hasOwnProperty方法
// 如果对象是DOM时需要判断
if ("hasOwnProperty" in Object && Object.hasOwnProperty("related")) {}