资源描述：
《javascript学习指南之回调问题_基础知识》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、javascript学习指南之回调问题回调地狱对JavaScript程序员来说，处理冋调是家常，但是处理层次过深的冋调就没有那么美好了，下面的示例代码片段用了三层回调，再补脑一下更多层的场景，简直是酸爽，这就是传说中的回调地狱。getDirectories(function(dirs){getF订es(dirs[0],function(f订es){getContent(fi1es[0],function(file,content){consolc.log('f订cneinic:',file);console.log
2、(content);})；})；})；functiongetDirectories(callback){setTimeout(function(){callback(['/home/ben']);},1000);}functiongetFiles(dir,callback){setTimeout(function(){callback([dir+'/testl.txt',dir+'/test2・txt']);},1000)}functiongetContent(file,callback){setTimeout(f
3、unction(){callback(file,'content');},1000)}解决方案生态圈中冇很多异步解决方案可以处理回调地狱的问题，比如bluebird.Q等,木文重点介绍ECMAScript6/7规范中对异步编程的支持。ES6PromisePromise是一种界步编程的解决方案，是解决回调地狱问题的利器。Promise在JavaScript生态圈被主流接受是在2007年Dojo框架增加了dojo.Deferred的功能。随着dojo.Deferred的流行，在2009年KrisZyp提出了Common
4、JSPromises/A规范。随后生态圈中出现了大量Promise实现包括Q.js、FuturesJS等。当然Promise之所有这么流行很大程度上是由于jQuery的存在，只是jQuery并不完全遵守CommonJSPromises/A规范。随后正如大家看到的，ES6规范包含了PromiseeMDN中对Promise是这样描述的：Promise对象是一个返冋值的代理，这个返冋值在promise对象创建时未必已知。它允许你为异步操作的成功或失败指定处理方法。这使得异步方法可以像同步方法那样返冋值：异步方法会返冋一个
5、包含了原返冋值的以下的代码是「回调地狱」一节小的示例通过Promise实现，看上去代码也不是很简洁，但是比起传统的层级回调有明显改善，代码可维护性和可读性更强。getDirectories().then(function(dirs){returngetFiles(dirs[0]);})・thcn(function(f订cs){returngetContent(files[0]);})・then(function(val){console.log(，filename:',val.file);console,log(v
6、al.content);})；functiongetDirectories(){returnnewPromise(function(resolve,reject){setTimeout(function(){resolve(['/home/bcn']);},1000);});}functiongctFilcs(dir){returnnewPromise(function(resolve,reject){setTimeout(function(){resolve([dir+'/testl.txt',dir+'/tes
7、t2.txt']);},1000);})；}functiongetContent(file){returnnewPromise(function(resolve,reject){setTimeout(function(){resolve({file:file,content:'content'});},1000);});}ES6GeneratorPromise的实现方式还不够简洁，我们还需要更好的选择，co就是选择之一。co是基于Generator（生成器）的异步流控制器，了解coZ前首先需要理解Generator
8、。熟悉C#的同学应该都冇了解，C#2.0的版本就引入了yield关键字，用于迭代生成器。ES6Generator跟C#相似，也使用了yield语法糖,内部实现了状态机。具体用法可以参考MDN的文档function*一节，原理可以参考AlloyTeam团队Blog深入理解Generator。使用co巧妙结合ES6Generator和ES6Promise让异步调
