本文概述
- 5. ES6 Promise Polyfill
- 4. Promise Polyfill
- 3. BluebirdJS
- 2. Native Promise
- 1. ES-6 Promise(rsvp.js的子集)
Polyfill的想法是在过时的浏览器中为Promise API提供支持, 但使用相同的编码流程:
var prom = new Promise(function(resolve, reject) {
// do a thing, possibly async, then…if (/* everything turned out fine */) {
resolve("Stuff worked!");
}else {
reject(new Error("It broke"));
}
});
// For IE +10
prom.then(function(result) {
// Do something when async done
}).catch(function(err){
// Rejected
});
// Or for IE-9, where catch is a reserved keyword
// For IE +10
prom.then(function(result) {
// Do something when async done
}, function(err){
// Rejected
});
使用以下任何Polyfills, 你都可以像使用新浏览器一样在任何旧的Web浏览器中使用Promise API。
【5个最佳Javascript承诺Polyfills】享受我们的5种最佳Promise API最佳Polyfill集合。
5. ES6 Promise Polyfill这是ES6 Promise的polyfill。基于Jake Archibald的实现是rsvp.js的子集。如果你需要其他功能和更多调试选项, 请查看完整的库。
该库的主要目标是实现Javascript Promises, 该Javascript Promises与浏览器的实现一致, 并且尺寸要尽可能小。因此, 它完全是ES6 Promise规范的polyfill, 仅此而已。它通过了Promises / A +测试套件和rsvp.js测试套件。最小为2, 6KB分钟(或1KB分钟+ gzip)。
4. Promise Polyfill用于浏览器和节点的轻量级ES6 Promise polyfill。严格遵守规范。它是完美的polyfill IE, Firefox或任何其他不支持本地承诺的浏览器。从IE8 +, Chrome, Firefox, IOS 4 +, Safari 5 +, Opera开始, 此实现为浏览器提供支持。
默认情况下, promise-polyfill使用setImmediate, 但回退到setTimeout以异步执行。如果浏览器不支持setImmediate(IE / Edge是唯一具有setImmediate的浏览器), 则可能会出现性能问题。使用setImmediate polyfill可以解决此问题。 setAsap或setImmediate可以很好地工作。
如果你polyfill window.setImmediate或使用Promise._immediateFn = yourImmediateFn, 它将代替window.setTimeout使用
3. BluebirdJS蓝鸟是功能齐全的承诺库, 专注于创新功能和性能。 BluebirdJS允许你创建新的承诺。传入的函数将接收resolve和拒绝函数作为其参数, 可以调用这些函数来密封创建的promise的命运。
为确保返回承诺的函数遵循了隐含但至关重要的承诺契约, 如果无法立即启动链, 则可以使用新的Promise启动函数。
2. Native PromiseNative Promise仅是本机ES6 Promises的polyfill, 它尽可能接近(不扩展)严格的规范定义。该项目的目标是成为Promises的最小的Polyfill, 并尽可能接近Promises / A +和即将发布的ES6规范中指定的内容。
同样重要的目标是避免暴露对承诺状态进行外部更改的任何功能。已知限制部分说明了该余额的权衡。来自此polyfill的Promise对象将是Promise构造函数的一个实例, 这使真正的Promise的识别更加容易。
1. ES-6 Promise(rsvp.js的子集)这是EcmaScript6 Promise的polyfill。该实现是@jakearchibald提取的rsvp.js的子集, 如果你需要其他功能和更多调试选项, 请查看完整的库。
catch是IE < 9中的保留字, 表示promise.catch(func)会引发语法错误。要解决此问题, 你可以使用字符串访问属性, 如以下示例所示。
但是, 请记住, 大多数常见的缩小器已经提供了这种技术, 从而使生成的代码对于旧的浏览器和生产环境而言是安全的:
promise['catch'](function(err) {
// ...
});
如果你知道另一个很棒的Promises polyfill, 请在评论框中与社区分享。编码愉快!
推荐阅读
- 5个最佳Electron框架的Markdown笔记应用程序
- 7个最好的Android本机Toast通知替换库
- 推荐十大最便宜的SSL证书
- 十大最复杂,最奇怪的深奥编程语言
- 如何在静态方法或控制器外的类中获取applicationDbContext的dbContext
- ASP.NET Core TypeLoadException无法从程序集“System.Web”加载类型“System.Web.PreApplicationStartMethodAttribute”(
- 如何读取.NET Core中属性内的配置(appsettings)值()
- app.shared.module.ts和app.server.module.ts之间的差异
- 控制器未加载.AspNetCore.Identity.Application用户cookie