一、typeof - u( h1 y3 z9 |: P 8 O8 n1 a! t" [2 A& f) w 'undefined'：未定义的变量或值 'boolean'：布尔类型的变量或值 'string' ：字符串类型的变量或值 'number'：数字类型的变量或值 'object' ：对象类型的变量或值，或者null(这个是js历史遗留问题，将null作为object类型处理) 'function' ：函数类型的变量或值; f% T. a8 c$ m! t! Y9 m0 C0 N + n1 P1 P* H: U" y' j# {% W 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'$ Q1 [" Y& z9 @" _) N' s 不能区分对象、数组、正则，对它们操作都返回"object";(正则特殊一点后面说) Safar5,Chrome7之前的版本对正则对象返回 'function' 在IE6,7和8中，大多数的宿主对象是对象，而不是函数;如：typeof alert; //object 而在非ID浏览器或则IE9以上(包含IE9)，typeof alert; //function 对于null,返回的是object.4 r6 @, d% c7 n 8 S* E& c0 q/ b( D% ~6 e 7 ?, H9 k: {! D3 b8 \) K5 Q% [ 二、instanceof : X$ @% B& K+ x! |; U3 ^ 用于引用数据类型的判断。所有引用数据类型的值都是Object的实例。目的是判断一个对象在其原型链上是否存在构造函数的prototype属性。用法：* Q- z7 Q) t0 z! D1 q& k5 d variable instanceof constructor& G7 D/ k( j T* \; F1 i // 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 都会返回 true4 E0 |- l4 t( [+ w instanceof不仅能检测构造对象的构造器，还检测原型链。instanceof要求前面是个对象，后面是一个构造函数。而且返回的是布尔型的，不是true就是false。; D1 m z! w ]$ a 三、Array.isArray() # Y; P8 w. B0 \/ w' p: e# m Array.isArray()可以用于判断数组类型，支持的浏览器有IE9+、FireFox 4+、Safari 5+、Chrome; 兼容实现：% R c+ b. b5 c( y if (!Array.isArray) {
Array.isArray = function(arg) {
return Object.prototype.toString.call(arg) === '[object Array]';
};
}- A" B* t6 m3 n# i9 @ // 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"); // --> false8 \. e3 P( s+ G# C! `/ h. a! c* J! l ' [' m: U8 t* Z+ i( H+ p8 |' F 四、Object.prototype.toString.call() / u0 ~) C- Z \7 j: c- J 判断某个对象值属于哪种内置类型, 最靠谱的做法就是通过Object.prototype.toString方法。object.prototype.toString()输出的格式就是[object 对象数据类型]。& Q. G- R* R u* Y1 q% | 8 v' k- M3 W1 `0 N9 @2 E7 B 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