ECMAScript8(2017)async/await

8010 ワード

ECMAScript 8(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)
}