数据类型检测的方法有哪些???

数据类型检测的方法有哪些???

1. typeof

js 复制代码
console.log(typeof 2);               // number
console.log(typeof true);            // boolean
console.log(typeof 'str');           // string
console.log(typeof []);              // object    
console.log(typeof function(){});    // function
console.log(typeof {});              // object
console.log(typeof undefined);       // undefined
console.log(typeof null);            // object

其中数据、对象、null都会被判断为 object ,其他都正确

我们知道object是一种广泛类型,它涵盖了普通的对象、数组、函数,那为什么function没有被判断为object,而null却判断为object了呢??

  • 虽然函数确实是对象的一种类型,但在JavaScript中,函数被视为一种特殊的对象,因为它们具有可调用的行为。因此,typeof操作符将函数识别为函数类型,而不是对象类型。在JavaScript中,函数被视为一等公民,具有一些独特的特性,例如:

(1) 可调用性 :函数可以通过()运算符进行调用,执行其中的代码。

(2) 具有属性和方法:函数是对象的一种特殊形式,可以拥有属性和方法。

  • 在JavaScript中,将null判断为object是一个历史遗留问题,属于语言本身的设计缺陷。这个问题源于JavaScript的早期版本中的一个错误。在JavaScript的初始实现中,使用32位系统表示值的前三位用于标识该值的类型。其中,对象的标识位为000,而null被错误地赋予了000,因此被错误地判断为对象。

尽管这个问题已经存在了很长时间,但为了保持向后兼容性,JavaScript的设计者们选择不修复这个问题。因此,即使在现代的JavaScript引擎中,typeof null仍然返回"object"。

2.instanceof

instanceof可以正确地判断对象的类型,其内部运行机制是判断在其原型链中能否找到该类型的原型

js 复制代码
console.log(2 instanceof Number);                    // false
console.log(true instanceof Boolean);                // false 
console.log('str' instanceof String);                // false 
 
console.log([] instanceof Array);                    // true
console.log(function(){} instanceof Function);       // true
console.log({} instanceof Object);                   // true

可以看到,instanceof只能判断引用数据类型,而不能判断基本数据类型。instanceof运算符还能用来测试一个对象在其原型链中是否存在一个构造函数的prototype属性

3.constructor

constructor有两个作用,一是判断数据类型,二是对象实例通过constructor对象访问它的构造函数。需要注意,如果创建一个对象来改变它的原型,constructor就不能用来判断数据类型了:

js 复制代码
function Fn(){};
 
Fn.prototype = new Array();
 
var f = new Fn();
 
console.log(f.constructor===Fn);    // false
console.log(f.constructor===Array); // true

4.Object.prototype.toString.call()

Object.prototype.toString.call() 使用 Object 对象的原型方法 toString 来判断数据类型:

js 复制代码
var a = Object.prototype.toString;
 
console.log(a.call(2));
console.log(a.call(true));
console.log(a.call('str'));
console.log(a.call([]));
console.log(a.call(function(){}));
console.log(a.call({}));
console.log(a.call(undefined));
console.log(a.call(null));

同样是检测对象obj调用toString方法,obj.toString()的结果和Object.prototype.toString.call(obj)的结果不一样,这是为什么?

这是因为toString是Object的原型方法,而Array、function等类型作为Object的实例,都重写了toString方法。不同的对象类型调用toString方法时,根据原型链的知识,调用的是对应的重写之后的toString方法(function类型返回内容为函数体的字符串,Array类型返回元素组成的字符串...),而不会去调用Object上原型toString方法(返回对象的具体类型),所以采用obj.toString()不能得到其对象类型,只能将obj转换为字符串类型;因此,在想要得到对象的具体类型时,应该调用Object原型上的toString方法。

相关推荐
恋猫de小郭8 分钟前
Android CLI 支持 AI Agent 通过 Device Streaming 调试云真机
android·前端·flutter
Wang's Blog10 分钟前
Java 项目实战: 外卖平台优化-前端dist部署与Nginx反向代理rewrite
java·前端·nginx
鬓戈14 分钟前
Claude Code frontend-design 插件调研 与 Vue 旧系统风格一致性方案
前端·vue.js·人工智能
IT_陈寒24 分钟前
SpringBoot自动配置的坑我帮你踩过了
前端·人工智能·后端
其实防守也摸鱼1 小时前
网安自测题:掌握核心知识点的实用练习
linux·运维·服务器·前端·数据库·sql·xss
geovindu3 小时前
css: Timeline scribble
前端·css·iphone
沙漠之主11 小时前
C++编程教学设计资料:从入门到实战的完整课程方案
java·前端·c++
hasty11 小时前
不上传新包,也能改变用户拿到的版本:npm dist-tag 的 OIDC 权限治理
前端·npm·node.js
Csvn12 小时前
diff 算法(虚拟 DOM Reconciliation)
前端
前端snow13 小时前
ai agent --- 文件存储
前端