为什么这个箭头函数在IE11中不起作用？

Question

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=>(d.part==“primary”？-40:40)

Answer 1

你用的是箭头函数。IE11不支持它们。请改用函数函数。

以下是巴贝尔对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";
});

由于没有任何代码使用this，所以不必担心保留箭头函数this的行为（因为传统函数通过调用方式获得this，但箭头函数在this上关闭）。但是，如果代码确实使用了this，并且您希望它的行为像箭头函数一样，那么就需要使用通常的技术。