Javascript中的神器——Promise
Promiseinjs
回调函数真正的问题在于他剥夺了我们使用return和throw这些关键字的能力。而Promise很好地解决了这一切。
2015年6月,ECMAScript6的正式版终于发布了。
ECMAScript是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。ES6的目标,是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言。
概念
ES6原生提供了Promise对象。
所谓Promise,就是一个对象,用来传递异步操作的消息。它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的API,可供进一步处理。
Promise对象有以下两个特点。
(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称Fulfilled)和Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是「承诺」,表示其他手段无法改变。
(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从Pending变为Resolved和从Pending变为Rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果。就算改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。
有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。
Promise也有一些缺点。首先,无法取消Promise,一旦新建它就会立即执行,无法中途取消。其次,如果不设置回调函数,Promise内部抛出的错误,不会反应到外部。第三,当处于Pending状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。
varpromise=newPromise(function(resolve,reject){ if(/*异步操作成功*/){ resolve(value); }else{ reject(error); } }); promise.then(function(value){ //success },function(value){ //failure });
Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolve方法和reject方法。
如果异步操作成功,则用resolve方法将Promise对象的状态,从「未完成」变为「成功」(即从pending变为resolved);
如果异步操作失败,则用reject方法将Promise对象的状态,从「未完成」变为「失败」(即从pending变为rejected)。
基本的api
Promise.resolve() Promise.reject() Promise.prototype.then() Promise.prototype.catch() Promise.all()//所有的完成 varp=Promise.all([p1,p2,p3]); Promise.race()//竞速,完成一个即可
进阶
promises的奇妙在于给予我们以前的return与throw,每个Promise都会提供一个then()函数,和一个catch(),实际上是then(null,...)函数,
somePromise().then(functoin(){ //dosomething });
我们可以做三件事,
1.return另一个promise
2.return一个同步的值(或者undefined)
3.throw一个同步异常`thrownewEror('');`
1.封装同步与异步代码
``` newPromise(function(resolve,reject){ resolve(someValue); }); ```
写成
``` Promise.resolve(someValue); ```
2.捕获同步异常
newPromise(function(resolve,reject){ thrownewError('悲剧了,又出bug了'); }).catch(function(err){ console.log(err); });
如果是同步代码,可以写成
Promise.reject(newError("什么鬼"));
3.多个异常捕获,更加精准的捕获
somePromise.then(function(){ returna.b.c.d(); }).catch(TypeError,function(e){ //Ifaisdefined,willendupherebecause //itisatypeerrortoreferencepropertyofundefined }).catch(ReferenceError,function(e){ //Willenduphereifawasn'tdefinedatall }).catch(function(e){ //Genericcatch-therest,errorwasn'tTypeErrornor //ReferenceError });
4.获取两个Promise的返回值
1..then方式顺序调用
2.设定更高层的作用域
3.spread
5.finally
任何情况下都会执行的,一般写在catch之后
6.bind
somethingAsync().bind({}) .spread(function(aValue,bValue){ this.aValue=aValue; this.bValue=bValue; returnsomethingElseAsync(aValue,bValue); }) .then(function(cValue){ returnthis.aValue+this.bValue+cValue; });
或者你也可以这样
varscope={}; somethingAsync() .spread(function(aValue,bValue){ scope.aValue=aValue; scope.bValue=bValue; returnsomethingElseAsync(aValue,bValue); }) .then(function(cValue){ returnscope.aValue+scope.bValue+cValue; });
然而,这有非常多的区别,
- 你必须先声明,有浪费资源和内存泄露的风险
- 不能用于放在一个表达式的上下文中
- 效率更低
7.all。非常用于于处理一个动态大小均匀的Promise列表
8.join。非常适用于处理多个分离的Promise
``` varjoin=Promise.join; join(getPictures(),getComments(),getTweets(), function(pictures,comments,tweets){ console.log("intotal:"+pictures.length+comments.length+tweets.length); }); ```
9.props。处理一个promise的map集合。只有有一个失败,所有的执行都结束
``` Promise.props({ pictures:getPictures(), comments:getComments(), tweets:getTweets() }).then(function(result){ console.log(result.tweets,result.pictures,result.comments); }); ```
10.any、some、race
``` Promise.some([ ping("ns1.example.com"), ping("ns2.example.com"), ping("ns3.example.com"), ping("ns4.example.com") ],2).spread(function(first,second){ console.log(first,second); }).catch(AggregateError,function(err){ err.forEach(function(e){ console.error(e.stack); }); });; ```
有可能,失败的promise比较多,导致,Promsie永远不会fulfilled
11..map(Functionmapper[,Objectoptions])
用于处理一个数组,或者promise数组,
Option:concurrency并发现
map(...,{concurrency:1});
以下为不限制并发数量,读书文件信息
varPromise=require("bluebird"); varjoin=Promise.join; varfs=Promise.promisifyAll(require("fs")); varconcurrency=parseFloat(process.argv[2]||"Infinity"); varfileNames=["file1.json","file2.json"]; Promise.map(fileNames,function(fileName){ returnfs.readFileAsync(fileName) .then(JSON.parse) .catch(SyntaxError,function(e){ e.fileName=fileName; throwe; }) },{concurrency:concurrency}).then(function(parsedJSONs){ console.log(parsedJSONs); }).catch(SyntaxError,function(e){ console.log("InvalidJSONinfile"+e.fileName+":"+e.message); });
结果
$sync&&echo3>/proc/sys/vm/drop_caches $nodetest.js1 readingfiles35ms $sync&&echo3>/proc/sys/vm/drop_caches $nodetest.jsInfinity readingfiles:9ms
11..reduce(Functionreducer[,dynamicinitialValue])->Promise
Promise.reduce(["file1.txt","file2.txt","file3.txt"],function(total,fileName){ returnfs.readFileAsync(fileName,"utf8").then(function(contents){ returntotal+parseInt(contents,10); }); },0).then(function(total){ //Totalis30 });
12.Time
.delay(intms)->Promise .timeout(intms[,Stringmessage])->Promise
Promise的实现
q
bluebird
co
when
ASYNC
async函数与Promise、Generator函数一样,是用来取代回调函数、解决异步操作的一种方法。它本质上是Generator函数的语法糖。async函数并不属于ES6,而是被列入了ES7。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!