Javascript中Promise的简单使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Javascript中Promise的简单使用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1572字,纯文字阅读大概需要3分钟。
内容图文
1 // 函数功能:1秒以后创建一个10以内的随机整数,并判断这个数是否为偶数;如果是偶数则做一件事情,如果是奇数则做另一件事情 2 function doSomthing() { 3 var promise = new Promise(function (resolve, reject) { 4 setTimeout(function () { 5 const num = Math.round(Math.random() * 10); 6if (num % 2 === 0) { 7 resolve(num); 8 } else { 9 reject(num); 10 } 11 }, 1000); 12 }); 13return promise; 14 }
1 // 调用方法,得到Promise对象,并在Promise中的事情执行完成之前,预先指定成功和失败的回调函数 2 // 成功和失败的回调函数,分别对应new这个Promise对象时,传递的匿名function中的resolve和reject这两个形参 3 doSomthing().then(function (val) { 4 console.log(‘第一次偶数:‘ + val); 5return doSomthing(); // 当事情处理完毕之后,可以return一个新的Promise对象,并继续使用.then指定下一次的回调函数 6 }, function (val) { 7 console.log(‘第一次奇数:‘ + val); 8return doSomthing(); 9 }).then(function (val) { 10 console.log(‘第二次偶数:‘ + val); 11return doSomthing(); 12 }, function (val) { 13 console.log(‘第二次奇数:‘ + val); 14return doSomthing(); 15 }).then(function (val) { 16 console.log(‘第三次偶数:‘ + val); 17 }, function (val) { 18 console.log(‘第三次奇数:‘ + val); 19 });
- Promise表示要做一件事,要做的事情,需要在new Promise对象的时候指定
- 一旦这个Promise对象new出来之后,则立即就会去做这个Promise对象中指定的事情(所以如果不想立即做这件事,可以将new Promise对象的过程放在一个方法中)
- 做任何事情都有一个过程,所以在这个Promise中的事情做完之前,我们不知道这件事最终执行的结果是成功还是失败,
- 但我们可以肯定的是,这个事情做完之后,肯定有一个执行的结果,要么这件事做成功了,要么这件事做失败了,且会将这个执行结果进行相关操作;
- 所以,我们可以提前为这个Promise对象,通过resolve方法指定成功之后的处理函数,通过reject方法指定失败之后的处理函数
- 那么,如何提前指定resolve和reject这两个处理函数呢?可以在Promise对象身上,调用.then(成功回调函数,失败回调函数)方法预先指定成功和失败的处理函数!
- 这样,当Promise对象中的事情做完之后,就会调用预定义的成功或失败处理函数
- 在成功和失败的处理函数内部,又可以创建一个新的Promise对象,来执行下一件事情,并通过下一个.then预先指定成功和失败的回调函数!
原文:http://www.cnblogs.com/liulongbinblogs/p/6731288.html
内容总结
以上是互联网集市为您收集整理的Javascript中Promise的简单使用全部内容,希望文章能够帮你解决Javascript中Promise的简单使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。