什么是 ember-cli-promise-polyfill?
ember-cli-promise-polyfill
是一个 Ember.js 的插件,它为低端浏览器(比如 IE)提供 Promise 支持。这个插件并不会去替换实现 Promise 的浏览器,而是在运行时加载 Promise 的 Polyfill,让系统可以支持使用 Promise。
安装
可以通过 NPM 来安装这个插件:
npm install --save-dev ember-cli-promise-polyfill
配置
安装好之后,需要在 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