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)
}
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)
})
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()
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)
})
//
//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)
}