ajax回调地狱和Promise解决方法

ajax回调地狱

1.回调函数是啥？

回调函数是由于JavaScript是单线程语音所以需要按流程执行，便有了回调函数一般添加callback。

	例如：
	var ignition = (a,callback)=>{ 
           callback(a)
     }
    var drive = (b)=>{
         console.log("let's go" + b)
     }
	ignitio(1, drive)

上述为点火之后才能开车。 调用点火函数传入第二参数为函数开车，当点火执行完了才能开车。

2.ajax回调地狱是什么？

ajax回调地狱意如其名多层嵌套导致回调变得繁琐

例如：
	ajax1(url, () => {
   	 ajax2(url, () => {
        ajax3(url, () => {
        	doSomething()
       		})
    	})
    })

在工作业务中有许多接口使用交互中，连续的回调 接口A需要接口B的回调res参数，接口B需要接口C回调res参数，
这样可能不影响逻辑，但大大的了代码的视觉负担，并且一旦嵌套过多例如6、7层的时候便很难复用，this指向也
很容易错乱。

解决方法

利用 promise 和 (async加await)解决回调地狱

1.promise

promise可以理解为一个自动机器人，它有三种状态：等待中（pending） 完成了 （resolved） 拒绝了（rejected），当他觉得你的要求可以通过便会返回给你resolved，若是你的要求达不到它便会返回给你rejected拒绝你。当然先展示一下具体的用法。

 let parkplay = (who) =>{
			return new Promise((resolve,reject)=>{
				resolve("去游乐园玩啦！")
			})
		}
		parkplay("me").then(res =>{
			//去玩游乐圆玩先买票
			return Buytickets(res)
		}).then(res=>{
			//买票入园后游乐设施前排队
			return queue(res)
		}).then(res=>{
			//开始玩啦
			return playing(res)
		})

运用Promise代码不仅简结且更易修改.

2.async和await

async和await可以理解为进阶玩法，更加简洁明了，它就是Generator函数的语法糖。

let parkplay = (who) =>{
   		return new Promise((resolve,reject)=>{
   			resolve("去游乐园玩啦！")
   		})
   	}
   	(async()=>{
   		let parkplay_result = await parkplay("me");
   		let buytickets_result = await buytickets(parkplay_result);
   		let queue_result = await queue(buytickets_result);
   		let playing_result = await playing(queue_result)
   	})()

promise(async和await)由于可以链式调用 对于开发这种多层嵌套的代码很方便，降低了代码的维护难度等等。

~~~~~~~~~~~~~~~~~ end ~~~~~~~~~~~~~~~~