Promise 中的 Executor 函数

前言

在前端开发中，我们经常会用到Promise来处理异步操作，其实Promise最重要的就是executor函数。但是，对于executor函数，很多人可能还不是很理解，在这里我们将详细介绍Promise中的executor函数。

Executor 函数的定义

Executor 函数是Promise构造函数中的参数，它接收两个参数：resolve 和 reject，它们分别表示异步操作成功后的回调函数和失败后的回调函数。

let promise = new Promise(function(resolve, reject) {
  // executor 函数
});

Executor 函数的作用

Promise 的 exciton 函数是异步执行的,它最终将 Promise 实例的状态从 pending（待定）变为 fulfilled（已成功）或 rejected（已失败）。

当 Promise 实例状态变为 fulfilled（已成功）时，会执行 resolve 函数中的回调函数；当 Promise 实例状态变为 rejected（已失败）时，会执行 reject 函数中的回调函数。

在 Promise 构造函数中，我们可以在 resolver 函数中执行一些异步操作，例如向后端请求数据、处理文件、和更新文本等。

let promise = new Promise(function(resolve, reject) {
  setTimeout(() => {
    resolve('成功');
  }, 1000);
});

当 Promise 实例的状态变为 fulfilled （已成功） 时，将会调用 then 方法指定 promise 实例状态变为 fulfilled （已成功） 时的回调函数。

promise.then(function(value) {
  console.log(value);
}).catch(function(error){
  console.log(error);
});

Executor 函数的错误处理

Executor 函数在执行过程中会抛出一些错误，如果不进行处理，这些错误会导致 Promise 实例永远处于 pending （未完成） 状态。

我们可以使用 try-catch语句来捕获执行异常并使用 reject 函数将 Promise 实例的状态变为 rejected（已失败）状态。

let promise = new Promise(function(resolve, reject) {
  try {
    throw new Error("发生错误！");
    resolve('成功');
  } catch (e) {
    reject(e);
  }
});

Executor 函数的优缺点

优点

1. 能够解决回调地狱问题，提供了更好的异步编程方式
2. 能够捕获异步操作过程中的错误并返回更明确的错误信息
3. 代码简单易懂，可读性高

缺点

1. 同步的异步编程，无法解决特定问题（如同步调用进程阻塞等问题）
2. 约束力较强，难以取消未完成的 promise

总结

Executor 函数对于使用Promise来处理异步操作是必不可少的，它可以更好地解决回调地狱问题，提供了更好的异步编程方式。Executor函数虽然有缺点，但是在实际开发中能够很好地满足我们的需求。开发人员需要结合实际场景，在项目中合理使用Promise和Executor函数。

示例代码

下面是一个栗子，使用Executor函数监听用户在页面中点击的“点赞”按钮事件。

-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
  ----- ------- - ------------------------------------
  --------------------------------- ----- -- -
    -----------------
    -----------------------
  ---
---
------------------- -- -
  ------------------
---

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6453848e968c7c53b07de941