async和await的基础语法

async 和 await 是 Promise的语法糖

  • async是对函数的一个修饰:使一个函数返回Promise实例
  • await是等待一个Promise实例成功后执行
  • 函数中想要使用await,需要把方法基于async修饰才可以
  • await只有当前实例状态为成功,才会去执行其后面的代码(代码为失败,后面的代码则不会执行)
async function func(){
	return 10
}
console.log(func());
// 控制台的返回结果 在下面
Promise {<resolved>: 10}
__proto__: Promise
[[PromiseStatus]]: "resolved"
[[PromiseValue]]: 10
let p1 = new Promise((resolve, reject) => {
	setTimeout(() => {
		resolve("ok")
		reject("no")
	}, 1000)
})
async function func1() {
// 函数中想要使用await,需要把方法基于async修饰才可以
// await只有当前实例状态为成功,才会去执行其后面的代码(代码为失败,后面的代码则不会执行)
	let result = await p1
	console.log(result);
}
func1()
面试题:编写一个sleep函数,让其等待1000MS后执行其他的事情
function sleep(interval = 1000) {
	return new Promise(resolve => {
		setTimeout(resolve, interval);
	})
}

// sleep(2000).then(() => {
//     console.log("222");
// })

(async function(){
	await sleep()
	console.log("11");
        
	await sleep()
	console.log("22");
})()



// 下面这种方式会导致回调地狱
function sleep(interval = 2000, callback) {
	if (typeof interval === "function") {
		callback = interval
		interval = 2000
	}
	setTimeout(() => {
		callback()
	}, interval)
}

sleep(function () {
	console.log("111");
})

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值