我们试图将以下代码移植到ES6:
function apitest(data) {
data.cb(true);
}
function test(cb) {
apitest({cb: function(data) {
commit(cb,data);
}});
function commit(cb,data) {
cb(data);
}
}
test(data => {
document.write(data);
});
它看起来可能有点令人困惑,但它做到了我们所期望的(返回true),并且没有抛出错误。
然而,Babel将其转换为:
"use strict";
function apitest(data) {
data.cb(true);
}
function test(_cb) {
apitest({ cb: function cb(data) {
commit(_cb, data);
} });
function commit(_cb, data) {
cb(data);
}
}
test(function (data) {
document.write(data);
});
//# sourceMappingURL=test4.js.map
此代码失败,因为在commit()
内部调用的cb()
没有下划线。
不管你是否应该写这样的代码:是我们的语法有问题,还是这是Babel中的一个bug?
我的理解是,对象内部cb
的定义应该屏蔽传递的参数。Babel为对象和封闭函数中使用的变量指定不同的名称,同时为匿名函数指定名称(它为什么要这样做?)。之后,它应该重命名commit()
内部的函数调用。
这是Babel 5中的一个错误,在Babel 6中已经修复。