您的位置:首页 > Web前端 > JavaScript

JavaScript中promise的基本用法

2017-06-06 13:04 302 查看
自己写的小栗子:

<!DOCTYPE html>

<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>

</head>

<body>
<script>
var runAsync = function(){
var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log('执行完成');
            resolve('随便什么数据');
        }, 1000);
    });
    return p;
}
var runAsync1 = function(){
var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log('执行完成');
            resolve('随便什么数据1');
        }, 1000);
    });
    return p;
}
var runAsync2 = function(){
var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log('执行完成');
            resolve('随便什么数据2');
        }, 1000);
    });
    return p;
}
runAsync().then(function(data){
    console.log(data);
    return runAsync1() ;
}).then(function(data){
console.log(data) ;
return "xixixi" ;
}).then(function(data){
console.log(data) ;
});
</script>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JavaScript es6