一、typeof 2 d5 X+ O. Y1 x! I) m0 k: }$ `* }
主要用于判断基本数据类型 。使用方式:typeof(表达式)和typeof 变量名,第一种是对表达式做运算,第二种是对变量做运算。typeof运算符的返回类型为字符串,值包括如下几种:
) `5 T$ d4 o) B9 r \* N \ 'undefined':未定义的变量或值 'boolean':布尔类型的变量或值 'string' :字符串类型的变量或值 'number':数字类型的变量或值 'object' :对象类型的变量或值,或者null(这个是js历史遗留问题,将null作为object类型处理) 'function' :函数类型的变量或值( W9 h) Y! A- b3 ]0 [- m9 t; p
示例如下:
. S+ N2 y! n) f1 @ console.log(typeof a); //'undefined'
console.log(typeof(true)); //'boolean'
console.log(typeof '123'); //'string'
console.log(typeof 123); //'number'
console.log(typeof NaN); //'number'
console.log(typeof null); //'object'
var obj = new String(); console.log(typeof(obj)); //'object'
var fn = function(){}; console.log(typeof(fn)); //'function'
console.log(typeof(class c{})); //'function' typeof的不足之处:8 e G) @; q/ s, e- R5 `8 v- {
不能区分对象、数组、正则,对它们操作都返回"object";(正则特殊一点后面说) Safar5,Chrome7之前的版本对正则对象返回 'function' 在IE6,7和8中,大多数的宿主对象是对象,而不是函数;如:typeof alert; //object 而在非ID浏览器或则IE9以上(包含IE9),typeof alert; //function 对于null,返回的是object.
( C" W- I" |) @: `% L5 C9 c, i( L 总结:9 ?3 M- i& x& L- }) G
typeof运算符用于判断对象的类型,但是对于一些创建的对象,它们都会返回'object',有时我们需要判断该实例是否为某个对象的实例,那么这个时候需要用到instanceof运算符。
, A: B A r. o& Y 二、instanceof
. c" O1 q2 k v/ n1 Q 用于引用数据类型的判断。所有引用数据类型的值都是Object的实例。目的是判断一个对象在其原型链上是否存在构造函数的prototype属性。用法:+ L. z$ H9 x+ u- i
variable instanceof constructor 示例如下:
5 C3 c/ N$ J/ i3 F' ?! _ // example
var arr = [];
由于:
1. arr.constructor === Array
2. arr.__proto__ === Array.prototype
3. arr.__poto__.proto__ === Object.prototype
所以, 以下都返回true
1. arr instanceof arr.constructor(Array)
2. arr instanceof arr.__proto__.constructor(Array)
3. arr instanceof arr.__proto__.__poto__.constructor(Object)
如果你了解原型链的话,你很快就会得出一些结论:
1. 所有对象 instanceof Object 都会返回 true
2. 所有函数 instanceof Function 都会返回 true 总结:
; b4 Q) C+ v" e0 c4 C instanceof不仅能检测构造对象的构造器,还检测原型链。instanceof要求前面是个对象,后面是一个构造函数。而且返回的是布尔型的,不是true就是false。
3 X6 ~! i( g: n* z7 x 三、Array.isArray() 3 A. j7 a" O( H# f+ |0 a. ]' i
Array.isArray()可以用于判断数组类型,支持的浏览器有IE9+、FireFox 4+、Safari 5+、Chrome; 兼容实现:* H5 i0 G5 B1 j0 G k
if (!Array.isArray) {
Array.isArray = function(arg) {
return Object.prototype.toString.call(arg) === '[object Array]';
};
} 示例如下:
/ F* c! _& G4 f7 _) s // 1.
Array.isArray([1, 2, 3, 4]); // --> true
// 2.
var obj = {
a: 1,
b: 2
};
Array.isArray(obj); // --> false
// 3.
Array.isArray(new Array); // --> true
//4.
Array.isArray("Array"); // --> false 总结:9 T# [* U8 \3 a
isArray是一个静态方法,使用Array对象(类)调用,而不是数组对象实例。其中Array.prototype 也是一个数组,Array.isArray 优于 instanceof。
1 f* r P. ]4 t7 ]1 w, b+ b2 c+ f( y 四、Object.prototype.toString.call() ; ]# t7 g' y/ ^, \0 t& j' U
判断某个对象值属于哪种内置类型, 最靠谱的做法就是通过Object.prototype.toString方法。object.prototype.toString()输出的格式就是[object 对象数据类型]。, s/ w: N# x: W
示例如下:/ g6 Q H$ Q- m; J- ]3 ?2 g
console.log(Object.prototype.toString.call("jerry"));//[object String]
console.log(Object.prototype.toString.call(12));//[object Number]
console.log(Object.prototype.toString.call(true));//[object Boolean]
console.log(Object.prototype.toString.call(undefined));//[object Undefined]
console.log(Object.prototype.toString.call(null));//[object Null]
console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object]
console.log(Object.prototype.toString.call(function(){}));//[object Function]
console.log(Object.prototype.toString.call([]));//[object Array]
console.log(Object.prototype.toString.call(new Date));//[object Date]
console.log(Object.prototype.toString.call(/\d/));//[object RegExp]
function Person(){};
console.log(Object.prototype.toString.call(new Person));//[object Object]