javascript - 清空 div 并重新附加内容奇怪的行为

Question

我制作了这个板，以随机顺序附加了一些框。

当单击按钮时，我想以新的随机顺序附加框，但显然不起作用(.board 保持为空)

http://jsbin.com/pedanobawe/2/edit?html,js,output

makeBoard();

$('button').on('click', function() {
  $('.board').empty();
  makeBoard();
});

Answer 1

这里发生的情况是，通过将数组传递给函数，您不会进行复制，而只是传递引用。您的图 block 已被清空，因此您无法重复使用它。

我已经更新了您的 jsbin 以在操作数组之前制作数组的副本:tilesCopy =tiles.splice();

参见http://jsbin.com/wirekimuva/2/edit一个工作示例。