使用切片复制数组时的奇怪行为答案

【问题标题】：Weird behaviour when copying array with slice使用切片复制数组时的奇怪行为
【发布时间】：2012-02-22 11:41:56
【问题描述】：

我正在使用 Backbone.js，并且在覆盖集合的 add 方法中，我尝试使用以下方式复制带有 slice 的数组：

var modelsBefore = this.models.slice(0);
console.log('COPIED', modelsBefore, this.models);

但复制似乎不起作用，这是我的（铬）日志显示的内容：

COPIED [] [child]

知道是什么原因造成的吗？

编辑：

这是一个重现问题的 jsfiddle：http://jsfiddle.net/hYDbw/5/

【问题讨论】：

【解决方案1】：

sliceis not optional 的第一个参数：

array.slice(begin[, end])

所以：

this.models.slice(0);

【讨论】：

【解决方案2】：

这不是复制失败的情况；这是在console.log 实际上 输出它之前复制的数组超出范围的情况，因为console.log 在某些浏览器（例如Chrome）上异步工作，并且数组通过引用传递。

例如：

function foo() {
   var x = [];
   console.log(x);
   x = [1,2,3];
}

foo();

在您的场景中，我完全确定发生了什么，但我怀疑 modelsBefore 已被重新使用并清空以用于该范围内的下一次代码调用。

不过，如果你尽早进行字符串化，你可以绕过它：

function foo() {
   var x = [];
   console.log(JSON.stringify(x));
   x = [1,2,3];
}

foo();

字符串化是一个同步过程，因此您可以保证在那里看到[]。

【讨论】：

【解决方案3】：

切片需要启动参数

【讨论】：

你能做一个jsfiddle以便我们测试吗？
事情是......我正在使用backbone.js，但我会尝试。
console.log(JSON.stringify(this.models)) 并在 jsfiddle 中使用它？
这里是jsfiddle.net/sebpiq/hYDbw ...我猜这是因为骨干的某种副作用，但我什至不知道这是怎么发生的!!??
这个 jsfiddle 仍然没有透露 this.models 是如何初始化/分配的以及它有什么原型。尝试提出一个最小的测试用例，没有任何多余的代码。你能在没有 Backbone 的情况下重现这个吗？试试这个作为最后的手段：var modelsBefore = Array.prototype.slice.call(this.models, 0);

【解决方案4】：

Backbone 中的 Collection.models 不是一个数组，它是一个对象。不要期望 .slice() 可以正常使用它。寻找另一个可以满足您对 .slice() 的期望的实现。

【讨论】：