一、typeof $ G' W" B0 [- C& c 主要用于判断基本数据类型 。使用方式：typeof(表达式)和typeof 变量名，第一种是对表达式做运算，第二种是对变量做运算。typeof运算符的返回类型为字符串，值包括如下几种：& ~5 {+ l4 L; U# m: @' K; E 'undefined'：未定义的变量或值 'boolean'：布尔类型的变量或值 'string' ：字符串类型的变量或值 'number'：数字类型的变量或值 'object' ：对象类型的变量或值，或者null(这个是js历史遗留问题，将null作为object类型处理) 'function' ：函数类型的变量或值4 A( b( ?2 P/ I2 m+ Q7 m- L ; q* {" V2 h- {' E% o- ` 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' F4 `6 f8 T' q" u! }6 }: h 不能区分对象、数组、正则，对它们操作都返回"object";(正则特殊一点后面说) Safar5,Chrome7之前的版本对正则对象返回 'function' 在IE6,7和8中，大多数的宿主对象是对象，而不是函数;如：typeof alert; //object 而在非ID浏览器或则IE9以上(包含IE9)，typeof alert; //function 对于null,返回的是object.2 }( ]8 i% Z3 @0 Q0 r 0 B% O* p, S& H2 O7 L typeof运算符用于判断对象的类型，但是对于一些创建的对象，它们都会返回'object'，有时我们需要判断该实例是否为某个对象的实例，那么这个时候需要用到instanceof运算符。5 z2 w4 K `( X' _$ a' y" J$ [) Q# i" H 二、instanceof % t- h1 G3 M y8 y 9 j9 |0 {7 O" W K variable instanceof constructor, u( P ^' o" b3 T3 E9 Q // 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 都会返回 true6 a5 L5 E% e* k& K; O' F( E/ S $ K" h3 L% G) K 三、Array.isArray() 7 d T/ \4 ?( k4 ^2 M Array.isArray()可以用于判断数组类型，支持的浏览器有IE9+、FireFox 4+、Safari 5+、Chrome; 兼容实现：% [2 ]+ v# c# O7 a; `1 w if (!Array.isArray) {
Array.isArray = function(arg) {
return Object.prototype.toString.call(arg) === '[object Array]';
};
}9 k, f5 U2 r8 L2 b$ {$ ? // 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) |; q- B8 r! [" b D/ V: W & O* r& P2 e" H$ V5 L 四、Object.prototype.toString.call() & U% T0 @" u6 J, @; S5 ]/ ~ 判断某个对象值属于哪种内置类型, 最靠谱的做法就是通过Object.prototype.toString方法。object.prototype.toString()输出的格式就是[object 对象数据类型]。% Y' F5 \: `- a( \4 u ' Z$ v9 a2 ?7 A! A 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