如何使承诺在IE11中工作

Question

我有一个简单的代码,除了Internet Explorer 11之外,在每个浏览器上运行都很完美.如何让它在所有浏览器上运行？

Codepen

提前致谢.

'use strict';

let promise = new Promise((resolve, reject) => {

  setTimeout(() => {
    resolve("result");
  }, 1000);
});

promise
  .then(
    result => {
      alert("Fulfilled: " + result);
    },
    error => {
      alert("Rejected: " + error);
    }
  );

Answer 1

如果您希望这种类型的代码在IE11中运行(它根本不支持ES6的大部分),那么您需要获得第三方承诺库(如Bluebird),包含该库并更改您的编码以使用ES5编码结构(没有箭头功能,没有let,等等......)所以你可以生活在旧浏览器支持的范围内.

或者,您可以使用转换器(如Babel)将ES6代码转换为可在旧版浏览器中使用的ES5代码.

以下是使用Bluebird promise库以ES5语法编写的代码版本:

<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js"></script>

<script>

'use strict';

var promise = new Promise(function(resolve) {
    setTimeout(function() {
        resolve("result");
    }, 1000);
});

promise.then(function(result) {
    alert("Fulfilled: " + result);
}, function(error) {
    alert("Rejected: " + error);
});

</script>

Answer 2

您可以尝试使用 Polyfill。以下 Polyfill 于 2019 年发布，对我来说很有效。它将 Promise 函数分配给窗口对象。

使用方式如下： https: window.Promise //www.npmjs.com/package/promise-polyfill

如果您想了解有关 Polyfill 的更多信息，请查看以下 MDN 网络文档 https://developer.mozilla.org/en-US/docs/Glossary/Polyfill