javascript学习指南之回调问题

《javascript学习指南之回调问题》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、javascript学习指南之回调问题回调函数被认为是一种高级函数，一种被作为参数传递给另一个函数(在这称作"otherFunction")的高级函数，回调函数会在otherFunction内被调用(或执行)。回调函数的本质是一种模式(一种解决常见问题的模式)，因此回调函数也被称为回调模式。回调地狱对JavaScript程序员来说，处理回调是家常，但是处理层次过深的回调就没有那么美好了，下面的示例代码片段用了三层回调，再补脑一下更多层的场景，简直是酸爽这就是传说中的回调地狱。getDirectories(function(d

2、irs){nbsp:getFiles(dirs[0],function(files){nbsp;nbsp:getContent(files[0],function(file，content){nbsp;nbsp:nbsp:console.logCfilename:’，file);nbsp;nbsp;nbsp;console.log(content);nbsp;nbsp;});nbsp;}):})；functiongetDirectories(callback){nbsp;setTimeout(funotion(){nbsp;

3、callback([’/home/ben’]);nbsp1000);}functiongetFiles(dir,callback){nbsp;setTimeout(function(){nbsp;nbsp;callback([dir+，/testl.txt’，dir+’/test2.txt’]);nbsp;}，1000)functiongetContent(file,callback){nbsp;setTimeout(function(){nbsp:nbsp:callback(file，’content’);nbsp;}，1

4、000)解决方案生态圈中有很多异步解决方案可以处理回调地狱的问题，比如bluebird、Q等，本文重点介绍ECMAScript6/7规范中对异步编程的支持。ES6PromisePromise是一■种异步编程的解决方案，是解决回调地狱问题的利器。Promise在JavaScript生态圈被主流接受是在XX年Dojo框架增加了dojo.Deferred的功能。随着dojo.Deferred的流行，在XX年KrisZyp提出了CommonJSPromises/A规范。随后生态圈中出现了大量Promise实现包括Q.js、Futur

5、esJS等。当然Promise之所有这么流行很大程度上是由于jQuery的存在，只是jQuery并不完全遵守CommonJSPromises/A规范。随后正如大家看到的，ES6规范包含了PromiseeMDN中对Promise是这样描述的：Promise对象是一个返回值的代理，这个返回值在promise对象创建时未必已知。它允许你为异步操作的成功或失败指定处理方法。这使得异步方法可以像同步方法那样返回值：异步方法会返回一个包含了原返回值的以下的代码是「回调地狱」一节中的示例通过Promise实现，看上去代码也不是很简洁，但是

6、比起传统的层级回调有明显改善，代码可维护性和可读性更强。getDirectories().then(funotion(dirs){nbsp;returngetFiles(dirs[0]):}).then(function(files){nbsp:returngetContent(files[0]);}).then(function(val){nbsp;console,log(’filename:’，val.file);nbsp;console,log(val.content);});functiongetDirectorie

7、s(){nbsp;returnnewPromise(function(resolve,reject){nbsp:nbsp;setTimeout(function(){nbsp;nbsp;resolve([’/home/ben’]);nbsp;nbsp;},1000):nbsp;}):}functiongetFiles(dir){nbsp;returnnewPromise(function(resolve,reject){nbsp;nbsp;setTimeout(function(){nbsp;nbsp;nbsp;resolv

8、e([dir+，/testl.txt’，dir+’/test2.txt’]);nbsp;nbsp;},1000):nbsp;}):}functiongetContent(file){nbsp:returnnewPromise(function(resolve,reject){nbsp;nb