异步编程: Promise, async, await

js本身只支持单线程 想要并发 需要使用异步编程的方式

js中有两种实现异步编程的方式

1.回调函数

例如settimeout（“xxxx”，500），但是回调函数会形成“回调地狱”，可读性比较差

setTimeout(function () {  //第一层
            console.log('武林要以和为贵');
            setTimeout(function () {  //第二程
                console.log('要讲武德');
                setTimeout(function () {   //第三层
                    console.log('不要搞窝里斗');
                }, 1000)
            }, 2000)
        }, 3000)
为了解决这种回掉地狱的情况，js内置了Promise

2.Promise 

特点是链式调用 避免了层层嵌套 

可以直观的看到 只有前面一个代码段运行成功后 后面的才可以运行

例如 ：使用promise的api ： fetch（）.then（）来向服务器发起一个请求获取服务器数据，服务器会返回一个promise对象，代表“承诺”，承诺这个请求会在未来某个时刻返回数据成功完成， 我们可以随后用他的then方法来创建一个回调函数，就是前面请求完成之后调用的方法，可以让请求的结果以参数形式传递进来

可以在链式结构的末尾加一个.catch（（error）=>{}）来捕获错误，如果哪里出错 下面的then将不会执行 直接执行.catch

promise也提供了finally方法 在promise链结束之后调用 .finall 可以用来清理 关闭一些函数

可以用他动态更新页面的内容，也就是我们平常说的ajax技术

async, await关键字是基于promise的语法糖

在js中 关键字有标记的作用 

async, await关键字是基于promise的语法糖，可以让异步编程操作变得更加简洁明了

async 可以将函数标记为异步函数，异步函数是指返回值是promise{}对象的函数，在异步函数中 我们可以调用异步函数，此时可以不需要then 而是使用一种更简洁的语法 await 语法糖

await会等待promise完成后返回最终的结果

await只可以在异步函数里面使用 

async function getName() {
  let name = await printName('jack')
  console.log('hello ', name)
}
getName() // 2s后 输出hello jack