promise 和async await

本文探讨了Promise和async/await在JavaScript中的使用。当一个命令后面跟随Promise对象时,如果Promise变为rejected,整个函数执行将中断。然而,将Promise放入try...catch结构中可以确保后续异步操作即使在前一个操作失败时也能继续执行。
摘要由CSDN通过智能技术生成
   var getJson = function (url) {
       var promise = new Promise(function (resolve,reject) {
           let client = new XMLHttpRequest();
           client.open("GET",url);
           client.onreadstatechenge = handler;
           client.responeType ="json";
           client.setRequestHeader("Accept","application/json")
           client.send();
           function handler() {
              if(this.readyState !==4)
                  return;
              if(this.status === 200) {
                  resolve(this.response);
              }
              else {
                  reject(new Error(this.statusText));
              }
           }

       });
    return promise;
} getJson("test.json") .then(json => console.log(json)) .catch(error => console.log(error));
   //async函数返回一个 Promise 对象。
   //async函数内部return语句返回的值,会成为then方法回调函数的参数。
   async function f() {
       return 'hello world';
   }

   f().then(v => console.log(v))
   // "hello world"
    //上面代码中,函数f内部return命令返回的值,会被then方法回调函数接收到。

   //async函数内部抛出错误,会导致返回的 Promise 对象变为reject状态。抛出的错误对象会被catch方法回调函数接收到。
   async function f() {
       throw new Error('出错了');
   }

   f().then(
       v => console.log(v),
       e => console.log(e)
   )
   // Error: 出错了
   //async函数返回的 Promise 对象,必须等到内部所有await命令后面的 Promise 对象执行完,才会发生状态改变,除非遇到return语句或者抛出错误。也就是说,只有async函数内部的异步操作执行完,才会执行then方法指定的回调函数。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值