ECMAScript8(2017)async / await

ECMAScript8(2017)async / await用法

---

async函数的基本用法(一)

async function foo() {
            //return 'Sam_liu'等价于Promise.resolve('Sam_liu')
            //async函数返回一个Promise对象,将'Sam_liu'
            return 'Sam_liu'
        }

        // console.log(foo())
        foo().then(response => {
            console.log(response)
        })

async函数的基本用法(二)

function timeout() {
            return new Promise(resolve => {
                setTimeout(() => {
                    // console.log(1)
                    resolve(1)
                },1000)
            })
        }
        async function foo() {
            const result = await timeout()
            console.log(result)
            console.log(2)

        }
        foo()

async函数的基本用法(三)

function timeout() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    reject()
                },1000)
            })
        }
        async function foo() {
            return await timeout()
        }
        foo().then(res => {
            console.log(res)
        }).catch(error => {
            console.log(error)
        })

async/await结合axios的用法(三)

//伪代码
//1. 首先通过npm i axios -S指令安装这个包
//2. 导入这个库
import Axios from 'axios'
async function request() {
  const data = await Axios.get('https://www.liutaifa.xyz/xxx')
  console.log(data)
}