JS备忘
2024-08-27 15:07:56
1. Promise用法
js异步调用较多,如果某个操作是基于上个异步结果才能执行的,再有一个操作又是基于此操作的,则需要嵌套多层代码,在ES6中引入了Promise写法,可以比较优雅的解决这个问题:
<script type="text/javascript">
function runAsync1(para) {
var p = new Promise(function (resolve, reject) {
//做一些异步操作
setTimeout(function () {
console.log('异步任务1执行完成');
resolve(para + 1);
}, 1000);
});
return p;
}
function runAsync2(para) {
var p = new Promise(function (resolve, reject) {
//做一些异步操作
setTimeout(function () {
console.log('异步任务2执行完成');
resolve(para + 2);
}, 2000);
});
return p;
}
function runAsync3(para) {
var p = new Promise(function (resolve, reject) {
//做一些异步操作
setTimeout(function () {
console.log('异步任务3执行完成');
resolve(para + 3);
}, 2000);
});
return p;
} runAsync1(1)
.then(function (data1) {
console.log(data1);
return runAsync2(data1);
})
.then(function (data2) {
console.log(data2);
return runAsync3(data2);
})
.then(function (data3) {
console.log(data3);
}); </script>
输出的结果是:
异步任务1执行完成
2
异步任务2执行完成
4
异步任务3执行完成
7
只需要看最后几行就可以,第一个then接收runAsync1的返回值data1可以将其传递给第二个操作,第二个then接收runAsync2的返回值data2将其当做参数传递给第三个操作。
最新文章
- JavaScript标准参考教材(alpha)--笔记
- 【码在江湖】前端少侠的json故事(下):jsonp的应用
- android studio 注释模板
- u3d动态加入模型
- Mysql用户密码设置修改和权限分配
- 简要地写出一个.NET&#160;Remoting的示例
- 几款实用的 JavaScript 图形图表库
- 项目中oracle存储过程记录——经常使用语法备忘
- javaweb 在netbeans 上的部署问题
- Android 开发第二天
- 对bigDecimal的一些探索
- Spring的字符编码过滤器CharacterEncodingFilter
- c# .net core 下的网络请求
- java中的内存溢出和内存泄漏
- 为什么用CDN给你网站加速?
- 阿里 Goldeneye 四个环节落地智能监控:预测、检测、报警及定位
- web前端名人的博客微博Githu
- java.lang.RuntimeException: Unable to start activity ComponentInfo……AppCompat does not support the current theme features
- Cognos11中通过URL传参访问动态Report
- win7下配置IIS