简单来说，异步编程就是在执行一个指令之后不是马上得到结果，而是继续执行后面的指令，等到特定的事件触发后，才得到结果。
也正是因为这样，我们常常会说: JavaScript 是由事件驱动的。就以目前的标准来看，异步编程一般有一下几种方式：回调函数、Promise、Generator和await/async。
1. 回调函数
这种异步的方式是最基础的实现，一般在写jquery的时候经常会写到，比如说一个点击事件就类似于一个回调函数。下面来看一个具体的例子
代码语言：javascript复制var generalLastName = "Clinton";
function getInput (options, callback) {
// Pass the global variable generalLastName to the callback function
callback (options);
}
getInput("xx",function(data){
setTimeout(function(){
console.log(data);
},3000);
});
console.log("执行这里");
//输出结果为
//执行这里
//xx如此，getInput是一个异步的操作，我们在调用他的时候，不会马上得到结果，而是会继续执行后面的代码。这样，如果我们需要在查到结果之后才做某些事情的话，就需要把相关的代码写在回调里面，如果涉及到多个这样的异步操作，就势必会陷入到回调地狱中去。
2. Promise
Promise 是 ES 2015 原生支持的，他把原来嵌套的回调改为了级联的方式。
一般着，我们对一个 Promise 可以这样写：
代码语言：javascript复制var a = new Promise(function(resolve, reject) {
setTimeout(function() {
resolve('1')
}, 2000)
})
a.then(function(val) {
console.log(val)
})如果涉及到了多个异步操作的顺序执行，我们可以采用这样的方式
代码语言：javascript复制var a = new Promise(function(resolve, reject) {
setTimeout(function() {
resolve('1')
}, 2000)
})
a.then(function(val){
console.log(val)
return new Promise(function(resolve, reject) {
setTimeout(function() {
resolve('2')
}, 2000)
})
}).then(function(val) {
console.log(val)
})如果想要达到多个异步执行完成以后才执行函数，promise提供了一个promise.all的方法
代码语言：javascript复制var p1 = Promise.resolve(3);
var p2 = 1337;
var p3 = new Promise((resolve, reject) => {
setTimeout(resolve, 100, 'foo');
});
Promise.all([p1, p2, p3]).then(values => {
console.log(values); // [3, 1337, "foo"]
});3.Generator
在 ES 2015 中，出现了 Generator 的语法，熟悉 Python 的同学肯定对这种语法有点了解。
简单来说，Generator 可以理解为一个可以遍历的状态机，调用 next 就可以切换到下一个状态。
在 JavaScript 中，Generator 的 function 与 函数名之间有一个 *， 函数内部使用 yield 关键词，定义不同的状态。
先看一段代码：
代码语言：javascript复制function* gen(x){
var y = yield x 2;
return y;
}上面代码就是一个 Generator 函数。它不同于普通函数，是可以暂停执行的，所以函数名之前要加星号，以示区别。
整个 Generator 函数就是一个封装的异步任务，或者说是异步任务的容器。异步操作需要暂停的地方，都用 yield 语句注明。Generator 函数的执行方法如下。
代码语言：javascript复制var g = gen(1);
g.next() // { value: 3, done: false }
g.next() // { value: undefined, done: true }上面代码中，调用 Generator 函数，会返回一个内部指针（即遍历器 ）g 。这是 Generator 函数不同于普通函数的另一个地方，即执行它不会返回结果，返回的是指针对象。调用指针 g 的 next 方法，会移动内部指针（即执行异步任务的第一段），指向第一个遇到的 yield 语句，上例是执行到 x 2 为止。
换言之，next 方法的作用是分阶段执行 Generator 函数。每次调用 next 方法，会返回一个对象，表示当前阶段的信息（ value 属性和 done 属性）。value 属性是 yield 语句后面表达式的值，表示当前阶段的值；done 属性是一个布尔值，表示 Generator 函数是否执行完毕，即是否还有下一个阶段。
来看一下具体的实现方式
代码语言：javascript复制var fetch = require('node-fetch');
function* gen(){
var url = 'https://api.github.com/users/github';
var result = yield fetch(url);
console.log(result.bio);
}上面代码中，Generator 函数封装了一个异步操作，该操作先读取一个远程接口，然后从 JSON 格式的数据解析信息。就像前面说过的，这段代码非常像同步操作，除了加上了 yield 命令。
执行这段代码的方法如下。
代码语言：javascript复制var g = gen();
var result = g.next();
result.value.then(function(data){
return data.json();
}).then(function(data){
g.next(data);
});上面代码中，首先执行 Generator 函数，获取遍历器对象，然后使用 next 方法（第二行），执行异步任务的第一阶段。由于 Fetch 模块返回的是一个 Promise 对象，因此要用 then 方法调用下一个next 方法。
可以看到，虽然 Generator 函数将异步操作表示得很简洁，但是流程管理却不方便（即何时执行第一阶段、何时执行第二阶段）
4. await/async
这是在 ES 2016 中引入的新关键词，这将在语言层面彻底解决 JavaScript 的异步回调问题，目前可以借助 babel 在生产环境中使用。使用 await/async 可以让异步的操作以同步的方式来写。
代码语言：javascript复制function a() {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(1)
}, 2000)
})
}
var b = async function() {
var val = await a()
console.log(val)
}
b()
