Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式,那么这意味着什么呢,读完下文你就了解了。
一.认识Promises
“Promises”代表着在javascript程序里下一个伟大的范式,但是理解他们为什么如此伟大不是件简单的事。它的核心就是一个promise代表一个任务结果,这个任务有可能完成有可能没完成。Promise模式唯一需要的一个接口是调用then方法,它可以用来注册当promise完成或者失败时调用的回调函数,这在CommonJS Promises/A proposal.大体讲到了。比如,我想保存一个Prase.Object对象,这是个异步操作,在旧的回调范式中,你的代码可能这样写:
object.save({ key: value }, { success:function(object) { // the object was saved. }, error:function(object, error) { // saving the object failed. } });
在新的Promise范式中,同样的代码你可以这样写:
object.save({ key: value }).then( function(object) { // the object was saved. }, function(error) { // saving the object failed. });
没有多大的区别?那么有啥大不了的地方呢?好吧,promises的真正强大之处在于多重链接,当调用promise.then(func)时返回一个新的promise,它不会执行直到上一个完成。但是这里有一种特殊的情况,如果我的回调通过then返回一个新的promise,那么通过then返回的promise将不会执行,直到回调执行完成。详细细节请参考Promises/A+,这是个复杂的规则,通过例子我们能更清楚的认识下。
假设你写了段登陆的代码,查找对象然后更新它。在旧的回调范式中,你可以使用金字塔式的代码完成:
Parse.User.logIn("user","pass", { success:function(user) { query.find({ success:function(results) { results[0].save({ key: value }, { success:function(result) { // the object was saved. } }); } }); } });
这看起来已经很可笑,更可笑的是甚至没有任何错误处理。但是promise链式的结构,使代码看起来更舒服了:
Parse.User.logIn("user","pass").then(function(user) { returnquery.find(); }).then(function(results) { returnresults[0].save({ key: value }); }).then(function(result) { // the object was saved. });
二.错误处理
上面的代码简单期间没有添加错误处理,但是添加了后你会发现在旧的回调代码中一团糟:
Parse.User.logIn("user","pass", { success:function(user) { query.find({ success:function(results) { results[0].save({ key: value }, { success:function(result) { // the object was saved. }, error:function(result, error) { // An error occurred. } }); }, error:function(error) { // An error occurred. } }); }, error:function(user, error) { // An error occurred. } });
由于promises知道处理是否完成,它可以传递错误,不执行任何回调直到遇到错误。比如,上面的代码可以简写为:
Parse.User.logIn("user","pass").then(function(user) { returnquery.find(); }).then(function(results) { returnresults[0].save({ key: value }); }).then(function(result) { // the object was saved. },function(error) { // there was some error. });
通常,开发者认为一个异步的promise失败等同于抛出一个异常。事实上,如果一个回调抛出一个错误,promise将返回失败信息。把错误传递到下一个可用的错误处理器等同于抛出一次异常直到捕获处理。
三.jQuery、Backbone和Parse
有很多实现了promises的库供开发者可用。 像jQuery的Deferred, 微软的 WinJS.Promise, when.js, q, 和dojo.Deferred。
然而,有个有趣的地方需要了解。你可以在这里读到long and fascinating jQuery pull request discussion, jQuery的实现没有完全按照Promises/A的规则来,很多地方用了其他实现方式,实验时,我发现只有一个地方不太一样。如果一个错误处理器返回一些其他的信息,而不单纯返回一个promise,大多数实现会考虑处理这个错误,不做错误传递。然而,jquery不认为在此处处理这个错误,而是把它向前传递。虽然,来自不同系统的promise应该能无缝的混合使用,但是你还是应当注意些。一个潜在的问题是会在错误处理器中返回promises(替换原始数值),因为它们会被同等对待。
doFailingAsync().then(function() { // doFailingAsync doesn't succeed. },function(error) { // Try to handle the error. return"It's all good."; }).then(function(result) { // Non-jQuery implementations will reach this with result === "It's all good.". },function(error) { // jQuery will reach this with error === "It's all good.". });
在Backbone 0.9.10版本中,异步方法现在返回一个jqXHR,这是jquery promise的一种类型。Parse JavaScript SDK的一个目标是尽可能的和Backbone兼容,我们不能返回一个jqXHR,因为它在Cloud Code上不能很好地工作,因此,我们不都添加一个Parse.Promise类,它遵照jQuery Deferred的标准。 Parse JavaScript SDK最新版本已经更新了所有的异步方法来支持这些新的对象,旧的回调方法仍然可用。但是基于上面列出的例子,我相信你更喜欢新的方式。所以试试promises吧!
文章来源:http://www.oschina.net/translate/whats-so-great-about-javascript-promises?cmp
相关推荐
JavaScript Promise迷你书(中文版)带源码。pdf非扫描版
ECMAScript Javascript Promise 详解
JavaScript Promise启示录_.docx
javascript promise book, cook book, promise
javascript Promise简单学习使用方法小结.docx
JavaScript promise的迷你书 详细的介绍了promise的使用方法及原理 最终自己动手实现一个promise库
javascript Promise简洁学习用法方法小结_.docx
JavaScript promise对象
JavaScript Promise 在学习本章节内容前,你需要先了解什么是异步编程,可以参考:JavaScript 异步编程 Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。 由于 Promise 是 ES6 新增加...
主要介绍了Javascript Promise用法详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
承诺javascript promise 的研究它用于复制 JavaScript Promise 的书( )。执照是↓
承诺一个简单的 JavaScript Promise 示例。
主要介绍了nodejs中简单实现Javascript Promise机制的实例,本文在nodejs中简单实现一个promise/A 规范,需要的朋友可以参考下
关于 JavaScript Promise 的讨论 问题:什么是承诺? 答:一种。 承诺只是一种类型,伙计 直觉 我如何表示通用数据? const word = new String ( 'hello' ) 字符串是一种表示通用数据的类型。 const reversed...
下面小编就为大家带来一篇javascript Promise简单学习使用方法小结。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
将Javascript Promise映射到给定的项目数组,并能够在任何给定时间限制活动Promises的数量。 样品用法: ThrottledQueue(["a", "b", "c", "d", "e"], (item, resolve, reject) => { setTimeout(() => { resolve...
JS-Promise-Async 在实习期间,我必须解决JavaScript Promise和异步练习。
JavaScript Promise的简单TypeScript实现,符合Promise / A +规范。 规格-https: 测试-https: 发展 为src目录中的每个文件启动打字稿编译,并输出到dist 。 npm start 运行测试 需要先编译为JavaScript。 测试...
SimpleIndexedDB.js 使用ES6的简单IndexedDB的包装器(JavaScript Promise,let,箭头功能)。