Internet Explorer 中的 Javascript/Jquery 错误

Question

我用 chrome 完成了大部分编程调试我的网站，最近在 Internet Explorer 中查看了结果。我得到的错误没有出现在 chrome 中。我相信我在堆栈溢出时从其他已接受的答案中获得了这些代码 sn-ps 中的每一个。他们可以得到的任何帮助都将不胜感激。我确实做了一些研究，但 Internet Explorer (11) 解决方案对我来说并不是立竿见影的

Answer 1

图片中的错误都是由于 IE 不支持 ES6/ES7 语法造成的。如果您需要 Internet Explorer 11 中的 ES6 功能，请查看转译器，例如 Babel。这里有an article关于如何使用 babel 将 ES6 转换为 ES5，请查看。

1. Arrow function:

您应该使用 Bable 对其进行转译或更改如下语法：

function sleep(ms) {
  return new Promise(function (resolve) {
    return setTimeout(resolve, ms);
  });
}

1. Promise:

你可以参考this thread 让 promise 在 IE 中工作。您可以使用像Bluebird 这样的第三方承诺库。

1. Object.entries():

您需要添加一个polyfill 才能在 IE 11 中工作：

if (!Object.entries) {
  Object.entries = function( obj ){
    var ownProps = Object.keys( obj ),
        i = ownProps.length,
        resArray = new Array(i); // preallocate the Array
    while (i--)
      resArray[i] = [ownProps[i], obj[ownProps[i]]];
    
    return resArray;
  };
}

4. async function:

您可以使用facebook/regenerator 在 IE 11 中填充 async/await。

您可以按照以下步骤在 IE 11 中支持 async/await：

• 使用babel-preset-env
• yarn add regenerator 或 npm install regenerator
• 将node_modules/regenerator-runtime/runtime.js (10.7kb minified) 添加到您的捆绑包中

参考链接：Add ES7 Async/Await Support for your Webapp in 3 Easy Steps