为什么箭头函数在 IE11 中不起作用，如何修复？

箭头函数和 IE 11 兼容性：了解语法错误

在 JavaScript 编程领域，箭头函数为定义函数提供了简洁的语法。但是，这些功能可能并不总是与旧版浏览器兼容，包括 Internet Explorer 11 (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"));

当此代码是在 IE 11 中执行时遇到语法错误。根本原因在于使用了箭头函数，箭头函数是 ES6 (ECMAScript 2015) 中引入的，IE 11 不支持。

克服兼容性问题

到为了使代码兼容 IE 11，箭头函数需要替换为传统的函数声明。相应的 ES5 代码如下所示：

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 中成功执行，保留预期的功能。需要注意的是，与箭头函数相比，传统函数对于绑定 this 关键字有不同的规则，因此在 JavaScript 版本之间转换代码时应考虑这些差异。

以上是为什么箭头函数在 IE11 中不起作用，如何修复？的详细内容。更多信息请关注PHP中文网其他相关文章！