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

判断javascript中的类型--编写维护的JavaScript

检测原始值

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

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

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

检测引用值

javascript中除了原始值之外的值都是引用。几种类置的引用类型：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 === "function");

检测数组

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

检测属性

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

}

来源：oschina

链接：https://my.oschina.net/u/104325/blog/496108