javascript对象属性检测枚举 js中检测数据类型的方法

转载

mob64ca14040d22 2023-08-25 12:50:48

typeof 和

instanceof 是专门用来检测数据类型的，是专业的。

1. typeof

typeof null => "object"
typeof function(){}=> "function"
typeof 检测数组，对象、正则等都是object「不能细分对象」，函数除外。
基于 typeof 检测一个未被声明的对象，不会报错，结果是 ‘undefined’。
typeof typeof [] -> "string" 。因为 typeof [] => 'object', typeof 'object' => 'string' 。

if(val !==null &&(typeof val ==='object' || typeof val === "function")) { /* 成立则为对象*/ }。
if(val !==null && /^(object | function)$/i.test(typeof val)) { /* 成立则为对象*/ } 用正则实现。
思考题：检测是否是标准普通对象（纯粹对象->对象.__proto__ === Object.prototype）封装isPlaneObject函数。

javascript对象属性检测枚举 js中检测数据类型的方法_前端

javascript对象属性检测枚举 js中检测数据类型的方法_前端_02

💥 十进制转二进制

2. instanceof

构造函数[Symbol.hasInstance](实例)
检测当前构造函数的原型prototype是否出现在，当前实例所处的原型链上__proto__，如果能出现结果就是true
在JS中原型链是可以改动的，所有结果不准确
所有实例的原型链最后都指向Object.prototype，所以 实例 instacnceof Object的结果都是true
字面量方式创造的基本数据类型值是无法基于 instanceof检测的「浏览器默认并不会把它转换为new的方式」，所以它本身不是对象，不存在__proto__这个东西

3. constructor

和instanceof类似，也是非专业检测数据类型的，但是可以这样处理一下
语法：[对象].constructor===[构造函数]
优势：相对于instanceof来讲基本数据类型也可以处理，而且因为获取实例的constructor，实际上获取的是直接所属的类，所以在检测准确性上比instanceof还好一点
劣势：constructor可以被随意修改

4. Object.prototype.toString.call

obj.toString() obj这个实例调用Object.prototype.toString执行，方法执行里面的THIS是当前操作的实例OBJ，此方法就是检测实例THIS的数据类型的，返回的结果："[object 所属类]" =>[万物皆对象，所属的类]
Object原型上的toString并不是用来转换为字符串的，而是用来检测数据类型的，
检测的方法：执行Object.prototype.toString方法，因为this是谁，就检测谁的数据类型，所以通过call强制改变this是[val],就相当于在检测val的数据类型 <=> ({}).toString.call([val])
这种方法是最强大的检测方案，准确率最高，就是代码稍稍冗余
let obj={name:‘zhufeng’};
obj.toString -> Object.prototype.toString
let arr=[];
arr.toString -> Array.prototype.toString
鸭子类型「原型上方法的借用」
=>Object.prototype.toString.call(arr)
=>({}).toString.call(arr)

JS中创建一个值有两种方案：

字面量方式
let n = 100;
let obj1 = {};
构造函数方式「不能 new Symbol/new BigInt -> Object(symbol/bigint) 其他基本类型值也可以这样处理，但是都要排除null/undefined」
let m = new Number(100);
let obj2 = new Object();

对于基本数据类型，两种方式的结果是不一样的：