一、typeof ) O8 J. y. M. J/ C) _ - @4 K4 \: }2 W 'undefined'：未定义的变量或值 'boolean'：布尔类型的变量或值 'string' ：字符串类型的变量或值 'number'：数字类型的变量或值 'object' ：对象类型的变量或值，或者null(这个是js历史遗留问题，将null作为object类型处理) 'function' ：函数类型的变量或值0 B! \8 [& c) _9 [# H/ U: O1 s % }/ a0 e% i9 f) B7 } 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'2 v# m- `9 c$ T: Y 不能区分对象、数组、正则，对它们操作都返回"object";(正则特殊一点后面说) Safar5,Chrome7之前的版本对正则对象返回 'function' 在IE6,7和8中，大多数的宿主对象是对象，而不是函数;如：typeof alert; //object 而在非ID浏览器或则IE9以上(包含IE9)，typeof alert; //function 对于null,返回的是object." a) F$ V3 n4 W L- q9 I/ w/ M . J. ~- I! C g/ t4 k typeof运算符用于判断对象的类型，但是对于一些创建的对象，它们都会返回'object'，有时我们需要判断该实例是否为某个对象的实例，那么这个时候需要用到instanceof运算符。9 O# }" ^/ }6 y 二、instanceof 9 t3 [: U! P4 W 7 y/ P, j1 [8 i$ W" S& u/ f. @) h variable instanceof constructor( ~( v# a1 C+ O# x) @. ]: G // 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 ]2 n' d |! p+ u. U instanceof不仅能检测构造对象的构造器，还检测原型链。instanceof要求前面是个对象，后面是一个构造函数。而且返回的是布尔型的，不是true就是false。8 ~& }0 g4 y+ E( I5 G% \& G 三、Array.isArray() 7 B5 F- F0 f% Y, u( F C Array.isArray()可以用于判断数组类型，支持的浏览器有IE9+、FireFox 4+、Safari 5+、Chrome; 兼容实现：$ u2 I+ B8 o. p3 {3 b9 Z/ ` if (!Array.isArray) {
Array.isArray = function(arg) {
return Object.prototype.toString.call(arg) === '[object Array]';
};
}0 I$ H# l) [7 l, } // 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"); // --> false2 y3 [% S8 M f$ k isArray是一个静态方法，使用Array对象(类)调用，而不是数组对象实例。其中Array.prototype 也是一个数组，Array.isArray 优于 instanceof。5 ?4 N% R6 {4 }+ y; C- b5 x 四、Object.prototype.toString.call() + {, L/ X* Z% s9 B( l# b 判断某个对象值属于哪种内置类型, 最靠谱的做法就是通过Object.prototype.toString方法。object.prototype.toString()输出的格式就是[object 对象数据类型]。0 a0 s4 i. ^8 F6 U 示例如下：* m# b/ t. Y4 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] 
|手机版|小黑屋|paopaomj.COM
( 
渝ICP备18007172号|
渝公网安备50010502503914号 )
发表于 2022-4-12 08:05:25