简介
ember-concurrency-decorators 是在 Ember.js 应用程序中使用 ember-concurrency 添加可读性和可维护性的一种方法。该库提供了一组装饰器函数，使得在类方法中实现任务修饰符变得简单和自然。在本文中，我们将介绍如何安装和使用这个 npm 包，并提供有关如何在 Ember.js 应用程序中使用这种装饰器的深入说明。
安装
在安装这个 npm 包之前，你需要在你的项目中安装 ember-concurrency。你可以使用以下命令进行安装：
ember install ember-concurrency
然后，使用以下命令安装 ember-concurrency-decorators：
npm install --save-dev ember-concurrency-decorators
开始使用
首先，在需要使用的文件中引入 task：
import { task } from 'ember-concurrency-decorators';接着，在需要使用 decorator 的方法上添加 @task 装饰器：
class MyComponent extends Component {
@task
*myTask() {
/* task code */
}
}使用示例
让我们看一个使用 ember-concurrency-decorators 的示例，假设我们需要向后台提交一个 POST 请求，请求完成后我们需要跳转到一个成功页面。我们的代码如下：
-- -------------------- ---- -------
----- ----------- ------- --------- -
-----
------------- -
--- -
----- ------------------------ -
------- -------
----- ------------------------------
---
----------------------------------
- ----- --- -
-----------------
-
-
-由于我们使用了 @task 修饰符，我们可以在 submitForm 方法中使用 yield，这使得我们在等待后台请求完成后，可以执行后续代码。当我们调用 submitForm 方法时，我们将得到一个返回值，这个返回值是一个 TaskInstance。我们可以使用该实例方法来取消任务。
-- -------------------- ---- -------
----- ----------- ------- --------- -
-----
------------- -
--- -
----- ------------------------ -
------- -------
----- ------------------------------
---
----------------------------------
- ----- --- -
-----------------
-
-
--------- -
----- ---------- - --------------------------
--------------------
-
-在这个示例中，我们使用了 perform 方法启动了 submitForm 任务，然后立即使用 cancel 方法来取消它。这对于在用户取消操作时必须取消正在进行中的任务时非常有用。
总结
在本文中，我们学习了如何使用 npm 包 ember-concurrency-decorators，在开发中使用装饰器来简化任务修饰符的使用。我们讲述了如何安装和使用该包，并通过一个示例代码展示了如何在实际应用中使用。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaa3cb5cbfe1ea06103dd