es6的Promise(承诺)
es6的Promise(承诺)
Promise中的所有回调函数,都是异步执行的
//用来解决异步的一些问题
let p = new Promise(function(resolve,refused){console.log("abc");//resolve();setTimeout(function(){resolve();},3000); console.log("123");
});p.then(function(){console.log("def");
});//挂起状态 成功状态 失败状态setTimeout(function(){console.log(1);setTimeout(function(){console.log(2);setTimeout(function(){console.log(3);setTimeout(function(){console.log(4);setTimeout(function(){console.log(6);},5000);},3000);},3000);},2000);
},1000);function sleep(times){return new Promise(function(resolve,refused){setTimeout(function(){resolve();},times);});
}let pr = new Promise(function(resolve,refused){setTimeout(function(){resolve();},1000);
});pr.then(function(){console.log(1);return sleep(2000);
}).then(function(){console.log(2);return sleep(3000);
}).then(function(){console.log(3);return sleep(4000);
}).then(function(){console.log(4);
});let p3 = new Promise(function(resolve,refused){resolve();refused("失败了");
});
p3.then(function(){console.log("edf");
}).catch(function(e){console.log(e);
});
ES6 对 Promise 有了原生的支持,一个 Promise 是一个等待被异步执行的对象,当它执行完成后,其状态会变成 resolved 或者 rejected。
每一个 Promise 都有一个 .then 方法,这个方法接受两个参数,第一个是处理 resolved 状态的回调,一个是处理 rejected 状态的回调
es6的Promise(承诺)相关推荐
- 前端js进阶之ES6 Promise(承诺)用法小结笔记、详细解释(resolve,catch,catch)历史最通俗易懂的承诺
什么是Promise? 英文翻译:承诺! js里: Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all.reject.resolve这几个方法,原型上有then.catch ...
- 【ES6】Promise对象详解
[ES6]Promise对象详解 一.Promise对象的含义 二.Promise对象的用法 三.Promise对象的几个应用[重点] 1.时间延迟函数 2.图片异步加载 查看更多ES6教学文章: 参 ...
- 关于ES6的Promise
JavaScript的异步处理 提到JavaScript的异步处理,也许很多人和我一样想到利用回调函数. 例如: firstAsync(function(data){//处理得到的 data 数据// ...
- 用es5实现es6的promise,彻底搞懂promise的原理
1.promise的含义 Promise 是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和更强大.它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Pr ...
- ES6 JavaScript Promise的感性认知
ES6 JavaScript Promise的感性认知 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu. ...
- 自学-ES6篇-Promise对象
1.Promise Promise是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和更强大.它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise ...
- 前端开发最浪漫的技巧------promise(承诺)
在漫漫历史长河中,许多文人墨客对于承诺这个概念有着很多的见解,也留下了很多脍炙人口的篇章,如"君子一言驷马难追",<诗经·邶风·击鼓>中有着一段"死生契阔,与 ...
- ES6新增Promise构造函数
文章目录 有关ES6中Promise的理解 1.Promise的含义? 2.如何创建一个Promise对像? 3.Promise对像的三种状态? 4.thenable 对象是什么? 5.有关Promi ...
- 利用ES6进行Promise封装总结
原生Promise解析 简介 promise是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和强大. promise简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一 ...
最新文章
- C/S与B/S的区别
- 计算机视觉与深度学习 | 视觉里程计库Libviso2详解
- [dp]leetcode 746. Min Cost Climbing Stairs
- Portal-Basic Java Web 应用开发框架:应用篇(十一) —— 整合 Spring
- 动态路由协议的分类、动静态路由优缺点、RIP简介、组播单播广播详解(附图)
- spring session的生命周期
- SSRS 动态设置分组依据及行组个数
- 学习:配置hibernate
- 2-11 支付宝集福卡_实现分析
- 遍历一个List的几种方法
- 【转】javascript代码混淆和压缩
- 使用nexus下载资源
- 数值代数中的数学原理及其证明(一)
- java 支付宝支付 demo_java开发支付宝支付详细流程_demo的运行
- 「面向对象程序设计-C++」学习笔记(下半部分)
- DDR3基本概念1 - 存储单元结构和原理
- Spring MVC 双亲上下文的说明
- 解决VMware下安装Ubuntu 16.04 不支持1920X1080分辨率的问题
- 前端提高篇(十一)JS进阶8函数参数及arguments
- 快递企业如何完成运单订阅消息的推送