eslint：“解析錯誤：的意外令牌”

Question

在我的Web應用程序中使用以下代碼時，我從ESLint獲得以下返回。 與使用增量I方法相比，我更喜歡使用這種循環方法。 這個錯誤是什么意思？ 這是否意味着使用循環有問題？

錯誤信息：

Parsing error: Unexpected token of

實際生效的代碼：

renderCanvas: function() {
  console.log("Rendering Model");
  var canvases = document.getElementsByClassName("DesignerCanvas");
  for (var canvas of canvases) {
    var ctx = canvas.getContext('2d');

    ctx.beginPath();
    // String for Hanging
    ctx.closePath();

    ctx.beginPath();
    // Top Trimming
    ctx.closePath();

    ctx.beginPath();
    // Outter Shade Body
    ctx.closePath();

    ctx.beginPath();
    // Bottom Trimming
    ctx.closePath();

    ctx.beginPath();
    // Inner Shade Body
    ctx.closePath();
  }
}

Answer 1

for-of循環是EcmaScript 6的一項功能，默認情況下，ESLint中未啟用這些功能。

根據文檔 ：

ECMAScript 6支持如何？
ESLint完全支持ECMAScript6。默認情況下，此支持為關閉狀態。 您可以通過配置啟用ECMAScript 6支持。

如果您隨后es6配置鏈接，它將告訴您可以使用以下命令啟用es6環境：

/*eslint-env es6 */

在JavaScript文件中，或

{
    "env": {
        "es6": true
    }
}

在配置文件中。