本篇内容主要讲解“vue中的Promise如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue中的Promise如何使用”吧!简介:promise
是什么,它可以说是异步编程的一种解决方法,就拿传统的ajax发请求来说,单个还好,如果是一个请求回来的数据还要被其他请求调用,不断地嵌套,可想而知,代码看起来是很乱的,promise主要是为了解决这种情景而出现的。由于ajax异步方式请求数据时,我们不能知道数据具体回来的事件,所以过去只能将一个callback函数传递给ajax封装的方法,当ajax异步请求完成时,执行callback函数。promise对象接受resolve和reject两个参数,当一个异步动作发生时,promise对象会通过resolve完成对动作成功进行解析,reject会捕获这个动作的异常。一个promise
对象,通过new Promise().then()
执行下一步骤操作。axios is a promise based HTTP client for the browser and node.js
。也就是说,使用axios发出请求,难免涉及promise。Promise
构造函数的参数是一个函数,函数里面的代码是异步的,即Promise
里面的操作,和Promise()
外面的操作时异步”同时”进行的。Promise中的函数的第一个参数是回调函数,resolve
用来触发then里面的代码,第二个参数是回调函数,reject用来触发catch中的代码,throw new Error()
;也可以触发catch,resolve和reject是两个回调函数,调用resolve会触发then,reject会触发catch:在一个promise
链中,只要任何一个promise被reject
,promise链就被破坏了,reject之后的promise都不会再执行,而是直接调用.catch
方法。Promise
构造函数的参数是一个函数,函数里面的代码是异步的,即Promise
里面的操作,和Promise()
外面的操作时异步”同时”进行的。此外,只要在函数前面加上async 关键字,也可以指明函数是异步的。async关键字实际是通过Promise
实现,如果async 函数中有返回一个值 ,当调用该函数时,内部会调用Promise.solve()
方法把它转化成一个promise 对象作为返回,但如果timeout 函数内部抛出错误,那么就会调用Promise.reject()
返回一个promise 对象。若某函数调用一个异步函数(比如内部含有primise),该函数应用async修饰。await表示“等待”,修饰返回promise 对象的表达式。注意await 关键字只能放到async 函数里面。await 等待后面的promise
对象执行完毕,然后拿到promise resolve
的值并进行返回。显然await可以修饰axios请求,等待得到结果再往下进行,如:到此,相信大家对“vue中的Promise如何使用”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,免费云主机域名继续学习!
这篇文章主要介免费云主机域名绍SVG如何制作地图旋转动画,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!以上是“SVG如何制作地图旋转动画”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注百云主机行业…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。