JavaScript SyntaxError – for-of 循环头部的声明不能有初始值设定项

在 JavaScript 中，for-of 循环用于遍历数组和其他可迭代对象。然而，在使用 for-of 循环时，若循环头部声明中存在初始值设定项，则会出现 SyntaxError 错误。

以下是一个出现该错误的代码示例：

const arr = [1, 2, 3, 4, 5];

for (let i = 0 of arr) {
  console.log(i);
}

在上述代码中，我们在 for-of 循环的头部声明中使用了初始值设定项 i = 0。因此，当我们运行该代码时，会出现以下错误：

Uncaught SyntaxError: for-of loop head declarations may not have initializers

该错误告诉我们 for-of 循环头部声明不能有初始值设定项。

为了修复该问题，我们应该将循环头部声明中的初始值设定项移动到循环外部声明，或使用其他方法来遍历可迭代对象。

以下是一个修改后的代码示例：

const arr = [1, 2, 3, 4, 5];
let i = 0;

for (const item of arr) {
  console.log(i);
  i++;
}

在上述代码中，我们将循环头部的声明移动到了循环外面，并且使用了一个变量 i 来计数，以替代在循环头部使用初始值设定项的方法。

除了上述修复方法外，我们还可以使用 for-in 循环或 forEach() 方法来遍历数组或其他可迭代对象。但需要注意， for-in 循环并不适用于遍历数组，而是用于遍历对象的属性。

总结下来，为了避免出现 JavaScript SyntaxError – for-of 循环头部的声明不能有初始值设定项 错误，我们需要将循环头部的声明中的初始值设定项移动到循环外部，或者使用其他方法来遍历可迭代对象。