这篇文章给大家分享的是有关ES6和ES7异步处理的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
一次性掌握ES6/ES7异步处理
假定一个场景,等女朋友睡起来出去逛街,超过5s就不等了,自己打游戏了 ...
promise 写法
promise链式调用方法,只有当异步处理成功后回到用.then(data => {}) 拿到异步处理成功后的数据
异步处理出错时,会调用.then(err => {}) 获取到异常
也就是说.then( data => {}, err => {}) 方法里有两个回调函数作为参数
或者还有第二种写法.then(data => {}).catch(err => {})
function waiting (ms) {
return new Promise ( (resolve, reject) => {
if(ms > 5000) {
reject('long time')
} else {
setTimeout(() => {
resolve(ms);
}, ms)
}
})
}
function main () {
waiting(3000).then( success => {
console.log(success);
}, err => {
console.log(err)
})
}
// 或者
function main() {
waiting(3000).then(data => {
console.log(data)
}).catch(err => {
console.log(err);
})
}
async 表明这个函数里面有异步操作,await总是写在async声明的函数中的
遇到awit,函数就会停止执行,等待异步操作结束,再执行后面的语句
异步操作获取的结果即为resolve回调函数的参数返回
异常即通过reject回调函数参数获取
注意,捕获异常时,我们往往需要在async函数体中使用 try catch 方式获取异常
let sleep = ms => {
return new Promise ( (resolve, reject) => {
if(ms > 5000) {
reject('long time')
} else {
setTimeout(function() {
resolve(ms)
} ,ms)
}
})
}
let play = (ms) => {
console.log(`I wait you ${ms} s`)
}
let main = async () => {
try{
let result = await sleep(3000);
play(result)
} catch (err) {
throw err
}
}
感谢各位的阅读!关于ES6和ES7异步处理的示例分析就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。