ES（二）async/await理解及用法

你眼中的柔情

于 2019-05-21 18:13:00 发布

阅读量2.8k

点赞数 1

分类专栏： JavaScript 文章标签： async/await ES7

本文链接：https://blog.csdn.net/return_js/article/details/90412303

版权

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了ES7中引入的async/await语法，它用于定义异步函数，返回Promise对象。await关键字用于等待async函数的异步执行，确保执行顺序。例如，先打印1，然后执行getStockPrice，接着打印2，最后通过.then处理返回结果。了解更多详情可参考阮一峰的博客：http://www.ruanyifeng.com/blog/2015/05/async.html。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

async是属于ES7里面内容，是定义一个异步函数，该函数会返回一个 promise 对象，可以通过 .then 的形式来调用。
eg:

 async  function resolveAfter2Seconds () {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve('resolved')
          }, 2000)
        })
      }
  resolveAfter2Seconds().then(index => {
    console.log('then', index)
  })

await就是等待 async 的异步执行，而且只能在 async 里面定义!
eg:

  let _this= this
  async function getStockPriceByName(name) {
    console.log('async', 1)
    var stockPrice = await _this.getStockPrice('symbol');
    console.log('async', 2)
    return stockPrice;
  }
  getStockPriceByName('goog').then(function (result){
    console.log(result);
  });

执行顺序是先打印 1，然后等待 getStockPrice 函数执行，然后打印 2 在返回出去执行 .then 里面的方法。

定义一个请求

	  resolveAjax(parames){
			  return new Promise((resolve, reject) => {
				  this.$axios({
				  }).then(res => {
					  resolve(res)
				  }).catch(error => {
				  	reject(error)
				  });
			  })
		  },

这样引用

async next() {
 let result = await this.resolveAjax(parames)
 if(result){}
}

最后附上阮大神地址： http://www.ruanyifeng.com/blog/2015/05/async.html