为什么我的 d3.js 箭头函数在 IE11 中失败？

IE 11 中箭头函数语法错误

使用 d3.js 进行可视化，一段代码在 IE 中执行时遇到语法错误11. 该错误专门发生在用于定义的箭头函数内

g.selectAll(".mainBars")
    .append("text")
    .attr("x", d => (d.part == "primary" ? -40 : 40))
    .attr("y", d => +6)
    .text(d => d.key)
    .attr("text-anchor", d => (d.part == "primary" ? "end" : "start"));

问题

错误的罪魁祸首是使用箭头函数 d =>; {}，IE 11 不支持。箭头函数是 ES6 中引入的现代 JavaScript 语法，而 IE 11 最高仅支持 ES5。

解决方案

要解决此问题，请将箭头函数替换为 IE 可以理解的传统函数语法11.

g.selectAll(".mainBars")
    .append("text")
    .attr("x", function (d) {
        return d.part == "primary" ? -40 : 40;
    })
    .attr("y", function (d) {
        return +6;
    })
    .text(function (d) {
        return d.key;
    })
    .attr("text-anchor", function (d) {
        return d.part == "primary" ? "end" : "start";
    });

其他注意事项

虽然 IE 11 支持传统函数语法，但通常建议在可行的情况下使用现代 JavaScript 功能，因为它们提供了更干净、更高效的代码。但是，为了兼容 IE 11 等旧版浏览器，在这种情况下有必要使用 ES5 语法。

以上是为什么我的 d3.js 箭头函数在 IE11 中失败？的详细内容。更多信息请关注PHP中文网其他相关文章！