JS Promise

一、Promise支持情况

Promise的浏览器支持情况如下：

1. 全面支持：现代浏览器（Chrome、Firefox、Safari、Edge等）从较早版本开始就支持Promise。

2. 部分支持：Internet Explorer 11也原生支持Promise，但需要使用polyfill库（例如es6-promise或babel-polyfill）以提供完整的功能支持。

3. 不支持：旧版本的浏览器（如IE10及以下版本）不支持Promise。在这些浏览器中，可以使用第三方的Promise实现来填补这一缺陷，比如bluebird、Q等。这些实现通常提供与原生Promise类似的API，并在旧版本浏览器中进行了兼容性处理。

为了确保在各种浏览器中都能正常运行，如果需要使用Promise，请务必检查目标浏览器的支持情况，并根据需要使用polyfill库或第三方Promise实现。

同时，对于使用Promise的现代前端开发，建议在项目中使用工具链（如Webpack、Babel）来进行代码的转译和打包，以确保最终交付的代码是符合目标浏览器要求的。

二、构造Promise

创建一个Promise对象：

new Promise(function (resolve, reject) {
    // 要发生的事件。。。
});

创建的这个Promise对象可以用于执行一些异步操作，并在操作完成后通过调用resolve函数或reject函数来确定Promise对象的状态。resolve函数通常用于表示操作成功完成，而reject函数用于表示操作失败。

在构造函数中，你可以编写需要执行的异步操作的代码。例如，从服务器获取数据、读取文件等异步任务。当异步任务执行成功时，调用resolve函数，并传递操作的结果作为参数。如果操作失败，则调用reject函数，并将错误信息作为参数。

以下是一个示例，演示如何创建一个Promise对象并执行异步操作：

new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    const data = '操作成功';
    resolve(data); // 表示操作成功完成，并传递操作结果
  }, 2000);
});

在上述示例中，我们通过setTimeout模拟一个异步操作，2秒后调用resolve函数，表示操作成功完成，并传递了操作结果。

需要注意的是，Promise对象的状态一旦被确定（变为fulfilled或rejected），就不能再改变。因此，在异步操作完成后，需要根据实际情况调用resolve或reject函数来确定Promise对象的最终状态。

有了这个Promise对象，你可以通过调用其then方法来处理操作成功的情况，或通过调用catch方法来处理操作失败的情况。

promise.then((data) => {
  // 操作成功的处理
}).catch((error) => {
  // 操作失败的处理
});

在上述示例中，我们调用了Promise对象的then方法，传入一个回调函数，用于处理操作成功的情况。同时，我们也调用了catch方法，传入另一个回调函数，用于处理操作失败的情况。

希望这个示例能够帮助你理解如何创建和使用Promise对象。