function animate({ draw1, duration1 }) {...导致 IE11 中的预期标识符 (script1010) 错误 - IE 中的对象解构支持

Question

我在构建网站时遇到问题，页面在 IE11 中无法正常显示。该站点在 chrome、firefox 和 edge 中正确显示。

该错误似乎打破了错误文件中的所有 javascript。该文件负责处理部分布局，因此当它失败时会导致页面上的各个部分无法正确呈现。

错误信息为“Script1010”并指向以下代码行：

function animate({ draw, duration }) {
...
}

我无法确定 IE 无法处理此行的原因。我见过的最接近答案的是以下，它表明 "draw" 或 "duration" 可能是 IE 中的保留字。但是更改它们会导致发生相同的错误。

有什么建议或指点吗？

编辑：感谢您的回复。我想我会澄清这个问题作为类似搜索的脚注，甚至只是为了我自己。如下所述，问题归结为 "Does IE support ES6 object destructuring?"。事实证明对象解构在 IE 中不起作用。

Answer 1

您正在使用 ES6 解构参数。 Internet Explorer 不支持 ES6。

您要么必须使用 ES5 重写它，要么使用 Babel 之类的转译器将您的代码转译为 ES5。

编辑：如果这是 ES6 的唯一出现，我建议重写它，否则我会使用 Babel。

function animate(arg) {
  var draw = arg.draw
  var duration = arg.duration
  ...
}

function animate({ draw1, duration1 }) {... causes expected identifier (script1010) error in IE11 - Object Destructuring support in IE