Babel 无法解析"for each...in"语句

Question

我正在尝试将Salesforce Commerce Cloud的.ds文件转换为JavaScript，以便我们可以应用标准测试工具(Jest，Mocha等(。SFCC文档表明.ds文件是"Rhino JavaScript"，具有非标准扩展名，用于类似Flow的类型检查。

到目前为止，使用transform-flow-strip-types插件去除类型注释很简单。但 SFCC 支持已弃用的"对于每个...in"来自 JavaScript 1.6 的声明，Babel 被噎住了。

下面的所有代码都可以在github上找到。

这是我的源 src/index.ds 文件：

function dump(a: Array) {
for each (var x in a) {
console.log(x);
}
}
module.exports = dump;

还有我的古尔.js：

const gulp = require('gulp');
const babel = require('gulp-babel');
gulp.task('test', function () {
gulp.src('src/**/*.ds')
.pipe(babel())
.pipe(gulp.dest('dst'));
});

这是我的包.json：

{
"name": "dspoc",
"version": "1.0.0",
"description": "poc",
"main": "index.ds",
"author": "cjr",
"license": "ISC",
"devDependencies": {
"babel": "^6.23.0",
"babel-core": "^6.26.3",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"gulp": "^3.9.1",
"gulp-babel": "^7.0.1"
},
"babel": {
"plugins": [
"transform-flow-strip-types"
]
}
}

当我运行gulp test时，我得到这个：

%> gulp test
[11:23:06] Using gulpfile ~/dev/dspoc/gulpfile.js
[11:23:06] Starting 'test'...
[11:23:06] Finished 'test' after 9.15 ms
events.js:163
throw er; // Unhandled 'error' event
^
SyntaxError: /Users/craser/dev/dspoc/src/index.ds: Unexpected token, expected ( (2:5)
1 | function dump(a: Array) {
> 2 |   for each (var x in a) {
|       ^
3 |       console.log(x);
4 |   }
5 | }
at Parser.pp$5.raise (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:4454:13)
at Parser.pp.unexpected (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:1761:8)
at Parser.pp.expect (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:1749:33)
at Parser.pp$1.parseForStatement (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:2008:8)
at Parser.pp$1.parseStatement (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:1836:19)
at Parser.parseStatement (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:5910:22)
at Parser.pp$1.parseBlockBody (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:2268:21)
at Parser.pp$1.parseBlock (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:2247:8)
at Parser.pp$3.parseFunctionBody (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:4235:22)
at Parser.parseFunctionBody (/Users/craser/dev/dspoc/node_modules/babylon/lib/index.js:5897:20)

我花了很多时间挖掘一个插件，可以让 Babel 将其转换为类似于for...of语句的内容，但我似乎找不到任何东西。

我现在正处于挖掘构建的 for-of transform 并创建类似于转换for each...in的东西的悬崖边，但如果可以避免的话，我真的不想把这项工作放进去。

我觉得我在这里错过了一些明显的东西。有人知道这是怎么做到的吗？

Answer 1

for each...in从来都不是规范的正式部分，在 Babel 出现时也不存在，所以它不受 Babel 的支持。恐怕你必须更新该语法的所有用法，然后 Babel 才能处理它。