ES6与ES7异步处理的详细说明（代码示例）

本篇文章给大家带来的内容是关于ES6和ES7异步处理的详解（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一次性掌握ES6/ES7异步处理

假定一个场景，等女朋友睡起来出去逛街，超过5s就不等了，自己打游戏了 ...

ES6 Promise 处理方式

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);
    })
}

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
    }
}