使用对象变量屏蔽参数时，transstacked代码引发错误

Transpiled code throws error when masking a parameter with an object variable

本文关键字：代码 transstacked 错误 对象 变量 屏蔽 参数      更新时间：2023-09-26

我们试图将以下代码移植到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中已经修复。

相关文章：