javascript - 从 ARROW 函数 (es6) 到 ES5

Question

在我的 angularjs 应用程序中，我使用 esprima.js 和 gulp 进行验证。现在，esprima 向我抛出了这两段 js 的错误。

internal/streams/legacy.js:59
  throw er; // Unhandled stream error in pipe.
  ^

错误:第 38843 行:意外的标识符

这是第一幅作品

var filteredCampaignItems = campaignItems.filter((thing, index, self) => index === self.findIndex((t) => (
              t.expectedAdvertisementDisplayCount === thing.expectedAdvertisementDisplayCount && t.smartId === thing.smartId
            ))
          )

第二个是求和过滤器

app.filter('sumProduct', function() {
return function (input) {
var i = input instanceof Array ? input.length : 0;
var a = arguments.length;
if (i === 0)
  return i;
var total = 0;
for(var x of input){
  var duration = parseFloat(x.meta_duration);
  if(isNaN(duration)){
      throw 'filter sumProduct can count only numeric values';
  }
  total += duration;
}
return total;
}
});

Esprima 版本是 "version": "4.0.0" 我找到 instanbul dependecy我需要获取版本 "istanbul": "^1.0.0-alpha.2"，我手动更改为版本 1.0.0-alpha.2 并调用npm i esprima。我这样做，但抛出同样的错误。

有人知道如何解决这个问题吗？

Answer 1

我建议使用 BabelJS ( https://babeljs.io/ )。

Babel 是一个编译器，它将把每个"new"功能转换为“旧”ES5 代码(目标级别是可配置的，但我想在大多数情况下 ES5 就可以了)

他们甚至有一个在线工具可以现场试用( https://babeljs.io/repl/ )