[].slice 或 Array.prototype.slice

Question

我遇到了将 Array 原型应用于原生对象的两种方法：

arr = Array.prototype.slice.call(obj);
arr = [].slice.call(obj);

以类似的方式，获取原生类数组对象的真实类型：

type = Object.prototype.toString.call(obj);
type = {}.toString.call(obj);

一个简单的测试：

function fn() {
    console.log(
        Array.prototype.slice.call(arguments),
        [].slice.call(arguments),
        Object.prototype.toString.call(arguments), 
        {}.toString.call(arguments)
    );
}

fn(0,1);

小提琴：http://jsfiddle.net/PhdmN/

他们看起来和我一模一样；第一种语法使用得更频繁，但第二种语法肯定更短。使用较短的语法有什么缺点吗？

Answer 1

它们在功能上是相同的。

但是，Array 对象可以被覆盖，导致第一个方法失败。

//Example:
Array = {};
console.log(typeof Array.prototype.slice); // "undefined"
console.log(typeof [].slice);    // "function"

文字方法创建Array 的新实例（与Array.prototype. 方法相反）。两种方法的基准测试：http://jsperf.com/bbarr-new-array-vs-literal/3

当你要多次使用该方法时，最好的做法是缓存该方法：

• var slice = Array.prototype.slice; //Commonly used
• var slice = [].slice; - 如果您担心 Array 的存在，或者您只是喜欢较短的语法。

Answer 2

这是一个有趣的问题！让我们总结一下每种选择的优点（✔️）和缺点（❌）：

[].slice

• ✔️：打字速度更快
  两次击键，没有 shift 修饰符或任何东西，
  你的 linter 知道 [.slice 是一个错字。
• ✔️：阅读速度更快
  您可以更快地识别相关部分 (slice)。
• ✔️：更受欢迎
  56M+ snippets on GitHub（截至 2018 年底）。
• ✔️：不能被覆盖
  Rob's answer 的第一部分完美地展示了这一点。
• ✔️：跑得更快。
  等等，什么？嗯，这实际上就是这个答案的重点。

与您几乎在所有地方的想法和阅读相反，[].slice.call(...) 确实不实例化一个新的空Array 只是为了访问它的slice 属性！强>。

如今（5 年多来 - 截至 2018 年底），JIT 编译 (1) 包含在您运行 JavaScript 的任何地方（除非您'仍在使用 IE8 或更低版本浏览网页）。

这种机制允许 JS 引擎：(2)

... 直接解析[].slice，静态，一次性直接作为Array.prototype 引用，并且只有一个可配置的属性访问：forEach

Array.prototype.slice

• ❌：输入速度较慢
  在您尝试运行代码之前，拼写错误（例如：Array.prorotype.slice）看起来不错。
• ❌：不太受欢迎
  8M+ snippets on GitHub（截至 2018 年底）。
• ❌：运行速度较慢
  Array.prototype.slice 是：(2)

... 查找 整个作用域 以获取 Array 引用，直到所有作用域都遍历到 global 一个... 因为您可以命名变量Array 任何时候都可以。

一旦到达全局范围并找到原生对象，引擎就会访问它的原型，然后访问它的方法
...
O(N) 范围分辨率 + 2 个属性访问（.prototype 和 .forEach）。

• ✔️：允许您无缝适应任何编码约定，这些约定会严格阻止您以(、[ 或` 开头的行
  绝对是一件好事（讽刺地）。
• ✔️：您不必解释为什么 [].slice 在几乎所有方面都更好。
  虽然现在，这只能归结为下面的clicking the share link ?

---

免责声明

请注意，实际上，两者的实际运行速度都快。这不是您的应用程序的瓶颈。

---

1. 您可能想阅读A crash course in just-in-time (JIT) compilers
2. 引自 Andrea Giammarchi（Twitter 上@WebReflection）