当前位置：网站首页 > 编程网 > 正文

为什么使用instanceof判断数组并不准确

yuyutoo 2024-10-12 01:47 2 浏览 0 评论

如何判断变量是不是数组，这是前端的基础知识。这个问题也经常出现在面试中，有些同学会提出使用 instanceof 判断。但是这种方式在部分场景下是不准确的，今天就和大家一起分析一下。

instanceof 能够检测构造函数的 prototype 属性是否在对象的原型链上。举个例子说明一下，方便理解。

instanceof 的判断过程是在检测对象的原型链上寻找构造函数的 prototype 属性。

第一个判断结果为 true 是因为 People.prototype 存在于 owen 的原型链上。
第二个判断结果为 false 是因为 String.prototype 不存在于 owen 的原型链上。

简单来说，instanceof 可以判断变量是否是由构造函数生成的。因为数组 Array 也是一个构造函数，所以可以用 instanceof 判断变量是不是数组。

Array.prototype 存在于 arr 的原型链上，其他两个变量的原型链上不存在。

但是这种方式真的能100%判断正确吗？我们再看一下 instanceof 判断的原理，检测构造函数的 prototype 属性是否在对象的原型链上。
如果修改了对象的原型链呢？

修改了 arr 的原型链之后，instanceof 判断就不准确了。

instanceof 在跨 iframe / window 时也会判断错误，因为使用的不是同一个构造函数。举个例子：

const iframeEl = document.createElement('iframe');
document.body.appendChild(iframeEl);
iframeArray = window.frames[window.frames.length - 1].Array;

const array1 = new Array(1,1,1,1);
const array2 = new iframeArray(1,1,1,1);

console.log(array1 instanceof Array);  // true    
console.log(array2 instanceof Array);  // false

总结： 在绝大部分情况下使用 instanceof 能够准确地判断变量是否为数组，但是 instanceof 确实不是完美的办法。

欢迎大家评论转发~

instanceof

上一篇：isAssignableFrom与instanceof 的区别
下一篇：JS中的typeof和instanceof作用及使用方式

为什么使用instanceof判断数组并不准确

相关推荐

取消回复欢迎你发表评论:

SEO入门学习之安装Dede模板网站-耀途盛世

如何做一个搜索网站?如何做一个外贸网站?dedecms建站教程全集

织梦(Dedecms)建站教程织梦建站详细步骤

dedecms网站如何logo设计和ico站标如何替换

2024PHP在线客服系统源码+完全开源带详细搭建教程

怎么避免网站中出现 index.html 如何防止网站弹出

「程序员空闲时光」之用代码绘制国旗 12:孟加拉国旗

百度面试题:一个线程 OOM 后，其他线程还能运行吗?

主板驱动异常怎么办主板驱动异常怎么办恢复

如何在Windows中使用XAMPP本地运行WordPress搭建一个博客系统

为什么使用instanceof判断数组并不准确

相关推荐

取消回复欢迎 你 发表评论:

SEO入门学习之安装Dede模板网站-耀途盛世

如何做一个搜索网站?如何做一个外贸网站?dedecms建站教程全集

织梦(Dedecms)建站教程 织梦建站详细步骤

dedecms网站如何logo设计和ico站标如何替换

2024PHP在线客服系统源码+完全开源 带详细搭建教程

怎么避免网站中出现 index.html 如何防止网站弹出

「程序员空闲时光」之用代码绘制国旗 12:孟加拉国旗

百度面试题:一个线程 OOM 后，其他线程还能运行吗?

主板驱动异常怎么办 主板驱动异常怎么办恢复

如何在Windows中使用XAMPP本地运行WordPress搭建一个博客系统

取消回复欢迎你发表评论:

织梦(Dedecms)建站教程织梦建站详细步骤

2024PHP在线客服系统源码+完全开源带详细搭建教程

主板驱动异常怎么办主板驱动异常怎么办恢复