JavaScript中能否将表达式展开（spread）作为函数参数使用？

• 核心错误是你在内部循环中直接修改了外层网格迭代的x、y变量：每次执行x = eval(coords[0])时，都会篡改外层for循环的迭代基准值，导致下一轮瓦片的计算起点完全错误，这就是选coordinatesPerTile[1]时逻辑异常的原因。
• 用eval执行字符串表达式完全没有必要，不仅存在安全隐患，也很容易触发变量作用域问题。

JavaScript完全支持你想要的「将计算好的参数数组通过展开运算符传入函数」的写法，只要把字符串表达式替换成计算函数即可，不需要依赖eval：

1. 把坐标规则定义为接收当前上下文参数、返回计算后参数数组的函数
2. 随机选中规则后调用得到实际数值数组，直接用展开运算符传入p.square即可

修正后代码示例 #

for (let x = 0; x < p.width; x += tiles) {
  for (let y = 0; y < p.height; y += tiles) {
    let subItemPerTile = p.random(itemsPerTile);
    
    // 替换成函数数组，每个函数接收当前x、y、i、s，返回计算后的参数数组
    const coordinateRules = [
      (x, y, i, s) => [x, y, s],
      (x, y, i, s) => [x - i, y - i, s],
      (x, y, i, s) => [x + i, y - i, s]
    ];

    for (let i = tilesInGrid; i > 0; i--) {
      p.fill(p.color(p.random(255)));
      let s = (tiles * i) / subItemPerTile;
      
      // 随机选规则，计算得到参数数组，直接展开传入square
      p.square(...p.random(coordinateRules)(x, y, i, s));
      // 若要使用apply写法，替换为下面这行即可，效果完全一致
      // p.square.apply(p, p.random(coordinateRules)(x, y, i, s));
    }
  }
}

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