javascript - 使用对象变量屏蔽参数时，转译代码会抛出错误

Question

我们尝试将以下代码移植到 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 中的错误？

我的理解是对象内部的cb定义应该屏蔽传递的参数。 Babel 为对象中使用的变量和封闭函数中使用的变量分配了不同的名称，同时为匿名函数提供了名称(它为什么要这样做呢？)。之后，它应该重命名 commit() 中的函数调用。

Answer 1

这是 Babel 5 中的一个错误，已在 Babel 6 中修复。