如何处理javascript中的异步

通俗点讲，异步表示将来，当前不能获取将来的值，只能在将来获取将来的值。

异步出现的场景：

• 事件中存在异步
• 计时器存在异步
• ajax请求结束存在异步

1.利用回调函数处理异步

js 代码

function fn(callback){
	setTimeout(()=>{
		callback(5);
	},2000);
}
fn((data)=>{
	console.log(data);
});

2.利用Promise函数处理异步

• Promise是一个构造函数，new的时候立即传参，参数是回调函数，回调函数身上可以接受两个参数，分别是：resolve(成功)，reject(失败)
• Promise对象的then()方法，参数是回调函数，表示成功的预置函数；resolve()就是在then中的第一个回调函数，表示成功要做的事情
• Promise对象的catch()方法，参数是回调函数，表示失败的预置函数；reject()就是在catch中的第一个回调函数，表示失败要做的事情
• 预置函数：提前做好准备，必须在将来执行

js 代码

function fn(){
	return new Promise((resolve,reject)=>{
		setTimeout(()=>{
			resolve(5);
		},2000);
	});
}
fn().then((data)=>{
	console.log(data);
}).catch(()=>{return;})

3.利用async await 处理异步

• 在Promise（ES6）的基础上，再使用async/await（ES7）
• async await搭配使用，是一种固定语法

js 代码

async function fn(){
	var data = await new Promise((resolve,reject)=>{
		setTimeout(()=>{
			resolve(5);
		},2000);
	});
	console.log(data);
}
fn();