Array.method与[].method的调用差异及原因探究

先看你给出的代码示例，明确哪些能正常执行、哪些会报错：

// 正常执行：从构造函数调用静态方法
Array.from([1,3,10,5], x => x + x); // 返回 [2,6,20,10]

// 报错：数组实例上没有from方法
[1,2,10,5].from(x => x + x); // TypeError: [1,2,10,5].from is not a function

// 正常执行：从数组实例调用实例方法
[1,3,10,5].pop(); // 返回 5，原数组变为 [1,3,10]

核心原因其实是JavaScript中「静态方法」和「实例方法」的本质区别，下面拆解清楚：

1. Array.method：构造函数上的静态方法 #

这类方法是直接挂载在Array这个构造函数本身上的，不属于任何具体的数组实例。它们的作用通常是：

• 创建新数组（比如Array.from()、Array.of()）
• 对整个Array类型做通用操作，或者处理非数组值转成数组

拿Array.from()来说，它的设计目的就是把类数组对象（比如DOM节点集合）、可迭代对象（比如Set、Map）转成真正的数组。你想想，如果已经是一个数组实例了，调用它就没有意义——所以它根本不会被放到数组实例的原型上，只能通过Array构造函数调用。

2. [].method：数组实例的原型方法 #

这类方法是挂载在Array.prototype上的，所有通过[]、new Array()创建的数组实例，都会继承这些方法。它们的作用是操作当前这个数组实例本身：

• 修改实例内容（比如pop()、push()、sort()）
• 获取实例的特定数据（比如slice()、indexOf()）

比如pop()，它需要知道要操作哪个数组——所以必须通过具体的数组实例调用，它的逻辑就是直接修改调用它的那个数组，删除最后一个元素并返回。如果你尝试调用Array.pop()，JavaScript根本不知道你要操作哪一个数组，自然会报错。

一句话总结 #

• 静态方法（Array.method）：给整个Array类型用的，处理“创建/转换数组”这类通用逻辑，不需要依赖具体数组实例。
• 实例方法（[].method）：给具体的数组实例用的，用来操作这个实例的内容，必须绑定到某个数组实例上调用。

不光是Array，JavaScript里很多内置对象都遵循这个规则，比如Object.keys()是静态方法，'abc'.toLowerCase()是字符串实例方法，道理都是一样的。

内容的提问来源于stack exchange，提问作者Prem