我们尝试将以下代码移植到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)并且不会抛出错误.
然而,巴贝尔将其转化为:
"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
此代码失败,因为被cb()调用的内部commit()没有下划线.
无论你是否应该编写这种代码:我们的语法是错误的还是Babel的错误？
我的理解是cb对象内部的定义应该掩盖传递的参数.Babel为对象和封闭函数中使用的变量分配不同的名称,同时为匿名函数命名(为什么它会这样做呢？).之后,它应该重命名里面的函数调用commit().
京公网安备 11010802040832号 | 京ICP备19059560号-6 