“箭头函数”在IE中不起作用，为什么？

Question

下面这段代码在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")); 

使用d3.js双边图表可视化

这个代码导致该问题在上面的语句抛出一个语法错误d=>(d.part=="primary"? -40: 40)

Answer 1

您正在使用箭头功能。 IE11不支持它们。改用function函数。

这里的Babel's翻译的，要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"; 
}); 

Answer 2

避免使用箭头的功能，如果你需要支持IE 11 it is not supported

改变那些常规功能，你希望你的代码应工作

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"; 
});