Internet Explorer 10 + 11 中的 JavaScript 函数语法错误

Question

我正在使用这个脚本来显示/隐藏一些 div。它在除 Internet Explorer 10+11 之外的所有浏览器中都能完美运行。我在这一行中遇到语法错误:const show = () =>"。

代码是这样的:

function cycle(info) {
  let i = 0,
    blocks = Object.keys(info);
  const show = () =>
    $("#" + blocks[i % blocks.length])
    .fadeIn(300)
    .delay(info[blocks[i++ % blocks.length]])
    .fadeOut(300, show);
  show();
}

//Run
cycle({
  block2: 7000,
  block3: 3000
});

JsFiddle here .

能否修复它，使其在 IE10+11 中也能正常工作？

Answer 1

您这里有两个问题。首先IE根本不支持箭头功能。其次，const 关键字仅在 IE11+ 中受支持，因此 IE10 及更低版本会出现问题。

要解决此问题，您需要修改逻辑以解决这些限制，如下所示:

function cycle(info) {
  let i = 0,
    blocks = Object.keys(info);

  var show = function() {
    $("#" + blocks[i % blocks.length])
      .fadeIn(300)
      .delay(info[blocks[i++ % blocks.length]])
      .fadeOut(300, show);
  }

  show();
}