const arr = ;
console.log; // true

在单页面应用里这招确实好使。但是互联网的世界是复杂的，你的网页里可Neng嵌套着iframe，或者你正在和各种微前端架构打交道。这时候，instanceof就会露出它的软肋。

想象一下你有一个主页面里面加载了一个来自不同域的子页面。子页面里也有它自己的Array构造函数。虽然它们长得一样，但在JavaScript引擎眼里它们是两个完全不同的“物种”。主页面里的数组实例，对于子页面的Array构造函数来说就是个陌生人。

// 假设我们在主页面
const iframe = document.createElement;
document.body.appendChild;
const iframeArray = iframe.contentWindow.Array;
const iframeArr = new iframeArray;
console.log; // false！
console.log; // true

这种情况下instanceof直接翻车。Ru果你在写通用的库函数，这种判断方式简直就是埋雷。你永远不知道用户会在什么环境下运行你的代码，多上下文环境是instanceof的噩梦。

还有人会想到检查constructor属性。每个对象在创建时默认dou会有一个constructor指向它的构造函数。

const arr = ;
console.log; // true

听起来hen完美？别急。JavaScript里几乎没有什么是不Neng被修改的。constructor属性就像一张手写的身份证，任何人douKe以拿笔在上面乱涂乱画。

const arr = ;
arr.constructor = Object; // 篡改！
console.log; // false

只要有人动动了这个属性，你的判断逻辑就瞬间瓦解。在复杂的工程化项目中，对象的原型和属性经常被各种库修改，依赖constructor就像把房子盖在沙滩上，浪稍微大一点就塌了。

在ES5时代还没普及Array.isArray之前，Object.prototype.toString.call是业界的标准答案。这招被称为“万金油”，因为它Neng穿透原型链的，直接读取对象内部的]标签。

const arr = ;
console.log === ''); // true

这确实是一个非常稳健的方法，甚至比instanceof还要靠谱。它不仅Neng检测数组，还Neng检测DateRegExp等各种内置对象。hen多源码库内部dou封装了类似的工具函数。

但是！凡事总有个但是。随着ES6的到来Symbol横空出世。ES6允许通过Symbol.toStringTag这个著名的Symbol属性来自定义Object.prototype.toString的返回值。

const fakeArray = {
  : 'Array'
};
console.log); // ""

kan到了吗？一个普普通通的对象，只要挂载了这个属性，就Neng骗过Object.prototype.toString的眼睛。虽然这种场景在日常业务中不常见，但在安全性要求较高的代码中，这确实是一个不可忽视的漏洞。Ru果你的代码逻辑涉及到沙箱执行或者处理不可信的第三方数据，这个方法就不再那么“保险”了。

我还见过一些比较“野路子”的Zuo法，比如把对象序列化成JSON字符串，然后kan它是不是以。

const arr = ;
console.log.startsWith && JSON.stringify.endsWith); // true

这招虽然有时候Neng蒙混过关，但效率极低，而且极其脆弱。一旦数组里存在循环引用，比如arr.push，JSON.stringify直接抛出错误，程序崩溃。这种为了判断类型而把整个对象序列化的Zuo法，无异于杀鸡用牛刀，还容易伤到自己。强烈不推荐。

说了这么多坑，终于轮到我们的主角登场了。Array.isArray是ECMAScript 5标准中引入的一个静态方法。它的出现，就是为了解决上述所有痛点。

为什么说它Zui保险？原因有三：

不管你是主页面里的数组，还是iframe里传过来的数组，甚至是从其他Worker线程里发过来的数组，Array.isArraydouNeng准确识别。它不依赖构造函数的引用，而是直接检测对象的内部属性。这就好比它不kan你穿什么衣服，也不kan你住哪，而是直接扫描你的DNA。

// 即使在iframe环境下
const iframe = document.createElement;
document.body.appendChild;
const iframeArr = new iframe.contentWindow.Array;
console.log); // true

这是Zui关键的一点。Array.isArray是JavaScript引擎层面的实现。你无法通过修改原型链、修改constructor或者设置Symbol.toStringTag来欺骗它。它是基于底层数据结构判断的，只要这个变量在内存中是以数组的形式存储的，它就Neng识别出来。

相比于Object.prototype.toString.call那一长串代码，Array.isArray语义清晰，一kan就懂。而且作为原生方法，引擎对它有专门的优化，执行效率通常比我们自己写的polyfill要高。

在深入探讨Array.isArray的时候，有一个非常有趣的现象，甚至连hen多老手dou不知道。那就是：Array.prototype本身也是一个数组！

我们Ke以用代码验证一下：

console.log); // true

这可Neng会让你感到困惑。原型链的末端不应该是对象吗？是的，但在JavaScript的设计中，为了实现某些数组方法的通用性，Array.prototype被设计成了一个纯粹的空数组。这意味着，你甚至Ke以给Array.prototype直接通过索引赋值。

这个特性也侧面证明了Array.isArray的强大。它不仅识别了我们创建的实例，连数组构造函数的原型对象本身也Neng准确识别。Ru果你用instanceof去检查Array.prototype，结果也是true，但这并不妨碍我们欣赏Array.isArray在处理各种边缘情况时的稳定性。

可Neng有同学会问：“那我要是还得兼容IE8这种老古董怎么办？” 放心，社区早就想到了。在core-js等标准的polyfill库中，Array.isArray的实现非常精妙。它通常会优先使用原生的Array.isArray，Ru果浏览器不支持，就会降级使用Object.prototype.toString.call来实现。

虽然我们前面提到了Object.prototype.toString在ES6下的Symbol漏洞，但在不支持ES6的IE8环境下它依然是完美的替代方案。这就是为什么我们在项目中引入core-js或babel-runtime的重要性——它让我们既Neng享受新语法的便利，又Neng保证在旧环境下的逻辑正确性。

回顾一下我们经历了typeof的无力，体验了instanceof在iframe前的尴尬，见识了constructor的脆弱，也了解了Object.prototype.toString在Symbol面前的妥协。Zui后我们发现Array.isArray就像是一个身经百战的战士，无论环境多么恶劣，无论对手如何，它总Neng一眼kan穿。

在日常开发中，Ru果你还在用instanceof或者toString去判断数组，不妨停下来把代码改成Array.isArray。这不仅是为了代码的健壮性，geng是为了体现你作为一名专业前端工程师的素养。毕竟在编程的世界里Zui“保险”的Zuo法，往往就是Zui标准、Zui简单的Zuo法。

下次当你需要判断一个变量是不是数组时请自信地敲下：Array.isArray。剩下的，交给JavaScript引擎去操心吧。