promise
函数执行顺序 : 同步任务–>异步任务(微任务–> 宏任务)
promise:
- (特征)三个状态,一旦改变不可逆
(pending—>fulfilled 成功 ,pending—>rejected 失败) - 作用:用于解决异步编程的问题(例如回调地狱)
- 用法:本身是一个构造函数,使用new关键字创建promise异步任务对象,根据结果调用成功回调函数还是失败回调函数
- 调用过程:1. pending—>调用resolve方法—>fulfilled 成功—>执行.then的第一个参数onfulfilled方法
2.pending—>调用reject方法---->rejected 失败—>执行.then的第二个参数onrejected方法
axios与Ajax
jQuery中的Ajax:在js框架(vue、react等)中,很少需要直接操作dom。所以主要用于操作dom的jQuery逐渐被淘汰,相应的基于jQuery中的Ajax也基本不用。
axios概述:是一个基于Promise 封装了Ajax的请求资源的模块。其核心对象都是 XMLHttpRequest。且避免了”回调地狱“风险。
特性:可以拦截、转换、取消请求与响应。
创建请求语法:
axios({
method:get/post,
url:' .....',
params:{} //get
data:{}//post
}).then(function(res){
res.data()
}).catch