js异步编程

1)回调函数

ajax(url,function(){});

接受一个参数url向地址发送一个异步请求，在请求结束时执行第二个参数

f1();

f2();

如果f1是一个很耗时的任务，可以考虑改写f1，把f2写成f1的回调函数。

function f1(callback){
	setTimeout(function(){
		console.log("任务1");
		callback()
	},1000)
}
function f2(){
	console.log("任务2")
}
f1(f2);
console.log("其他的任务"
)

回调函数的优点是简单、容易理解和部署，缺点是不利于代码的阅读和维护，各个部分之间高度耦合，流程会很混乱，而且每个任务只能指定一个回调函数。

2)事件监听

另一种思路是采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。

f1.on('done', f2);
　　function f1(){
　　　　setTimeout(function () {
　　　　　　// f1的任务代码
　　　　　　f1.trigger('done');//表示，执行完成后，立即触发done事件，从而开始执行f2
　　　　}, 1000);
　　}

优点是比较容易理解，可以绑定多个事件，每个事件可以指定多个回调函数，而且可以"去耦合"，有利于实现模块化。缺点是整个程序都要变成事件驱动型，运行流程会变得很不清晰。

3)发布/订阅

f2向"信号中心"jQuery订阅"done"信号
jQuery.subscribe("done", f2);
function f1(){
　　　　setTimeout(function () {
　　　　　　// f1的任务代码
　　　　　　jQuery.publish("done");//f1执行完成后，向"信号中心"jQuery发布"done"信号，从而引发f2的执行
　　　　}, 1000);
　　}
此外，f2完成执行后，也可以取消订阅。
jQuery.unsubscribe("done", f2);

4)Promise对象:是为异步编程提供统一接口。

这样写的优点在于，回调函数变成了链式写法，程序的流程可以看得很清楚，而且有一整套的配套方法，可以实现许多强大的功能。

5)Generator

6)async/await:

是Generator函数的语法糖吗，它的实现原理就是将Generator函数和自动执行器，包在一个函数里。

返回一个promise对象，可以使用then方法添加回调函数，当函数执行时，一旦遇到await就先返回，等到异步操作完成，再接着执行函数体内后面的语句

async function testAsync(){
	return "hello async";
}
let result=testAsync();
console.log(result);
//undefine
//Promise {<resolved>: undefined}

await等待的是一个表达式，这个表达式的返回值可以是一个promise对象也可以是其他值，await等到的如果不是promise对象await表达式的结果就是它等到的东西，如果等到的是promise对象，await就忙起来他会阻塞后面的代码，等到promise.resolve()的值作为await表达式的运算结果，这也是await必须在async函数中的原因，async函数调用不会造成阻塞，它内部所有的阻塞都被封装在一个promise对象中异步

function getsomething(){
	return "something";
}
async function testasync(){
	return Promise.resolve("hello")
}
async function test(){
	const v1=await getsomething();
	const v2=await testasync();
	console.log(v1,v2)
}
test();