在前端开发中，处理异步任务是必不可少的一部分。而 Promise 作为一种处理异步操作的方式，已经成为了现代 JavaScript 开发的标配。但是在某些情况下，我们需要用 Continuation Passing Style（CPS）来处理异步操作，同时想要使用 Promise 的特性。这时候，npm 包 ember-promise-cps 就可以派上用场了。
ember-promise-cps 是什么？
ember-promise-cps 是一个 Promise 的实现，它支持 Continuation Passing Style（CPS）的异步操作。它是 Ember.js 中的一个 npm 包，提供了一个 PromiseCPS 类来处理这类异步任务，并且与 Ember.runloop 兼容。
如何使用 ember-promise-cps？
首先，需要将 ember-promise-cps 安装到我们的项目中：
npm install ember-promise-cps --save
然后，在需要使用它的代码中引入它：
import PromiseCPS from 'ember-promise-cps';
1. 基本使用
下面是一个使用 ember-promise-cps 处理异步任务的示例：
const result = PromiseCPS(resolve => {
setTimeout(resolve.bind(null, 'done!'), 1000);
});
result.then(value => console.log(value)); // 打印 'done!'我们可以看到，对于传入 PromiseCPS 中的函数，我们需要将异步操作的结果通过回调函数 resolve 进行传递。同时，我们也可以像使用普通的 Promise 一样，通过 then 方法获取异步操作的结果。
2. 结合 Ember.runloop 使用
与 Ember.runloop 兼容是 ember-promise-cps 的重要特性之一。我们知道，在 Ember.js 中，每个异步任务都要在 runloop 中执行，以便正确地更新应用程序状态及时触发计算属性等功能。而绝大多数的 Promise 库不会考虑到这个问题，这就可能导致在 Ember 应用程序中可能会出现严重的 bug。
使用 ember-promise-cps，我们可以很方便地和 Ember.runloop 配合，使我们的异步任务能够在正确的上下文中运行，保证程序的正确性。下面是一个例子：
const result = PromiseCPS((resolve, reject) => {
Ember.run.later(this, resolve.bind(null, { data: "Done!" }), 1000);
});
result.then(({ data }) => console.log(data)); // 打印 'Done!'这里我们使用了 Ember.run.later 函数，来模拟异步任务的处理。在回调函数中，我们执行 resolve 来传递异步任务的结果，而通过传入 this，表示异步任务的执行上下文是当前的组件。
值得注意的是，在结合 Ember.runloop 使用的时候，可能还需要在 Promise 的回调函数中手动执行 Ember.run 方法，防止在当前的 runloop 中任务执行完成之前，runloop 被结束，造成程序错误。
总结
在本文中，我们学习了 npm 包 ember-promise-cps 的使用方法，以及它与 Ember.runloop 的兼容性。我们可以看到，它作为一种处理 Continuation Passing Style 的异步操作的 Promise 实现，可以为我们在某些特定场景下带来便利。同时，正确的使用它也可以避免因异步操作带来的程序错误。希望本文能对你理解该库的使用方法有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005576881e8991b448d4643