ES6+--》熟知JS中的async函数

<script>asyncfunctionfn(){
// 返回的结果是字符串// return '123'// // 返回的结果是undefined// return;// 返回的结果是抛出一个异常thrownew'error'    }
constresult=fn()
console.log(result);
</script>

<script>asyncfunctionfn(){
returnnewPromise((resolve,reject)=>{
// resolve('成功的数据')reject('失败的数据')
        })
    }
constresult=fn()
// 调用 then 方法result.then((value)=>{
console.log(value);
    },(reason)=>{
console.log(reason); // 打印失败的数据    })
</script>

<script>constp=newPromise((resolve,reject)=>{
// resolve('用户数据')reject('用户加载数据失败了')
    })
asyncfunctionfn(){
// 为防止promise是失败的状态，加上try...catch进行异常捕获try {
// await 返回的结果就是 promise 返回成功的值letresult=awaitpconsole.log(result);
        } catch (error) {
console.log(error);//因为是失败的状态，所以打印：用户加载数据失败了        }
    }
fn()
</script>

// 函数声明asyncfunctionfoo() {}
// 函数表达式constfoo=asyncfunction () {};
// 对象的方法letobj= { asyncfoo() {} };
obj.foo().then(...)
// Class 的方法classStorage {
constructor() {
this.cachePromise=caches.open('avatars');
  }
asyncgetAvatar(name) {
constcache=awaitthis.cachePromise;
returncache.match(`/avatars/${name}.jpg`);
  }
}
conststorage=newStorage();
storage.getAvatar('jake').then(…);
// 箭头函数constfoo=async () => {};

// 1.引入 fs 模块constfs=require('fs')
// 2.读取文件functionindex(){
returnnewPromise((resolve,reject)=>{
fs.readFile('./index.md',(err,data)=>{
// 如果失败if(err) reject(err)
// 如果成功resolve(data)
        })
    })
}
functionindex1(){
returnnewPromise((resolve,reject)=>{
fs.readFile('./index1.md',(err,data)=>{
// 如果失败if(err) reject(err)
// 如果成功resolve(data)
        })
    })
}
functionindex2(){
returnnewPromise((resolve,reject)=>{
fs.readFile('./index2.md',(err,data)=>{
// 如果失败if(err) reject(err)
// 如果成功resolve(data)
        })
    })
}
// 3.声明一个 async 函数asyncfunctionfn(){
leti=awaitindex()
leti1=awaitindex1()
leti2=awaitindex2()
console.log(i.toString());
console.log(i1.toString());
console.log(i2.toString());
}
fn()

<script>// 发送 AJAX请求，返回的结果是 Promise 对象functionsendAjax(url){
returnnewPromise((resolve,reject)=>{
// 创建对象constx=newXMLHttpRequest()
// 初始化x.open('GET',url)
// 发送x.send()
// 事件绑定x.onreadystatechange=function(){
if(x.readyState===4){
if(x.status>=200&&x.status<300){
// 如果响应成功resolve(x.response)
// 如果响应失败reject(x.status)
                    }
                }
            }
        })
    }
// promise then 方法测试// const result = sendAjax("https://ai.baidu.com/").then(value=>{//     console.log(value);// },reason=>{})// async 与 await 测试asyncfunctionfn(){
// 发送 AJAX 请求letresult=awaitsendAjax("https://ai.baidu.com/")
console.log(result);
    }
fn()
</script>

<script>// Generator 函数function*person() {
console.log('hello world');
yield'第一分隔线'console.log('hello world 1');
yield'第二分隔线'console.log('hello world 2');
yield'第三分隔线'    }
letiterator=person()
// console.log(iterator); 打印的就是一个迭代器对象，里面有一个 next() 方法，我们借助next方法让它运行iterator.next()
iterator.next()
iterator.next()
// async函数constperson1=asyncfunction (){
console.log('hello world');
await'第一分隔线'console.log('hello world 1');
await'第二分隔线'console.log('hello world 2');
await'第三分隔线'    }
person1()
</script>

<script>asyncfunctionfn(args) {}
// 等同于functionfn(args) {
// spawn函数就是自动执行器returnspawn(function* () {});
    }
</script>

<script>// Generator 函数functionGenerator(a, b) {
returnspawn(function*() {
letr=null;
try {
for(letkofb) {
r=yieldk(a);
                }
            } catch(e) {
/* 忽略错误，继续执行 */            }
returnr;
        });
    }
// async 函数asyncfunctionasync(a, b) {
letr=null;
try {
for(letkofb) {
r=awaitk(a);
            }
        } catch(e) {
/* 忽略错误，继续执行 */        }
returnr;
    }
</script>