npm 包 ember-cli-promise-polyfill 使用教程

阅读时长 3 分钟读完

什么是 ember-cli-promise-polyfill?

ember-cli-promise-polyfill 是一个 Ember.js 的插件,它为低端浏览器(比如 IE)提供 Promise 支持。这个插件并不会去替换实现 Promise 的浏览器,而是在运行时加载 Promise 的 Polyfill,让系统可以支持使用 Promise。

安装

可以通过 NPM 来安装这个插件:

配置

安装好之后,需要在 Ember.js 的配置文件 ember-cli-build.js 中进行配置:

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

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

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

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

在以上的代码中,我们通过 app.import 方法把插件的 Polyfill 引入应用中。

使用

安装和配置好了之后,就可以在 Ember.js 中愉快地使用 Promise 了:

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

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

在上面的代码中,我们使用了 rsvp 库中的 Promise 对象,就像使用原生 Promise 一样,通过 new Promise() 来创建一个 Promise 实例,并在其内部执行异步操作,最后使用 resolve 函数来触发 Promise 的状态变为 resolved。

示例代码

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

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

总结

ember-cli-promise-polyfill 可以帮助我们在低端浏览器中拥有 Promise 支持,这使得我们在编写和运行 Ember.js 应用时,可以更方便地使用异步编程,提高代码的可读性和可维护性。在使用过程中,需要注意到引入了这个插件之后,在页面加载时会多一些请求,对于对于页面负载大小敏感的应用,需要考虑加载的影响。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600668f2d9381d61a3540df5

纠错
反馈