Question

＆lt; p＆gt;下面的代码片段在IE 11中不起作用，它会在控制台中引发语法错误＆lt; / p＆gt; ＆LT;预＆GT;＆LT;代码＆GT; g.selectAll（＆＃34; .mainBars＆＃34）。追加（＆＃34;文本＆＃34）。ATTR（＆＃34; X＆＃34;，d =＆GT; （d.part ==＆＃34; primary＆＃34;？-40：40））。attr（＆＃34; y＆＃34;，d =＆gt; +6）.text（d =＆gt; d.key ）.attr（＆＃34; text-anchor＆＃34;，d =＆gt;（d.part ==＆＃34; primary＆＃34;？＆＃34; end＆＃34;：＆＃34; start＆＃34 ;））; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;使用＆lt; code＆gt; d3.js＆lt; / code＆gt;用于可视化的二分图＆lt; / p＆gt; ＆lt; p＆gt;此代码导致上述声明中的问题＆lt; code＆gt; d =＆gt;（d.part ==＆＃34; primary＆＃34;？-40：40）＆lt; / code＆gt;＆lt; / p＆gt;

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

Answer 3

Internet Explorer(IE) 根本不支持 ES6 功能，但您可以安装 BabelJS。但是你也可以编写 vanillaJS 函数来代替。

例如：

const hasBrownEyes = eye.color === "brown" ? true : false

或者只是 vanilla.js：

var hasBrownEyes = false; // default answer, it will be overwritten if it has a brown eye

if (eye.color === "brown") {
    return true;
}

Answer 4

通常，在箭头功能是箭头功能之前，它们是常规的JS function。因此，使用IE11，我们只需倒退时间

var fruits=["apple","banana","orange"];

var modernResult=fruits.find(e => e.includes("nana"));
console.log(modernResult);

var IEresult=fruits.find(function(e){return e.includes("nana")});
console.log(IEresult);

Answer 5

IE到目前为止不支持箭头符号，但是有一种便捷的方法可以将ES6代码转换为ES5.1以便在IE中工作。请访问Babel网站，然后将您的代码粘贴到左侧框中，然后将右边的代码复制到JavaScript的早期版本中。

例如，您的代码被转换为：

"use strict";

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

＆＃34;箭头功能＆＃34;不在IE工作，为什么？

5 个答案: