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>
<!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基本用法D
- Javascript中对象的基本用法
- javaScript知识点-----原生Ajax的基本用法
- Promise对象的含义和基本用法
- JavaScript再述promise的用法和常用方法
- javascript 一些基本用法
- Promise对象的含义和基本用法
- JavaScript 学习(二)之基本用法
- JavaScript Promise 用法
- JavaScript日期对象(Date)基本用法示例
- Javascript中对象的基本用法
- Javascript:日期对象(Date)的基本用法
- javascript:json的基本用法
- 909422229__JavaScript基本用法及注意事项总结
- JavaScript学习 - 基本用法
- JavaScript基本用法
- JavaScript中的一些基本用法
- JavaScript基本用法
- JavaScriptCore.framework基本用法(二)
- JavaScript字符串对象(string)基本用法示例