promise和async

promise使用

  • promise是什么
    主要用于异步计算
    可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果
    可以在对象之间传递和操作promise,帮助我们处理队列
  • promise有三个状态:
    pending[待定]初始状态
    fulfilled[实现]操作成功
    rejected[被否决]操作失败
  • Promise对象的状态改变,只有两种可能:
    从pending变为fulfilled
    从pending变为rejected。
  • promise的then和catch两种方法,then为成功,catch为失败
	const server = axios.create({
		// 设置主路由
	    baseURL: "http://120.53.31.103:84",
	    timeout: 10000 // 请求超时的时间
	})
	
	// 请求拦截
	server.interceptors.request.use(config => {
	    if (localStorage.getItem('token')) {
	        config.headers = {
	            Authorization:`Bearer ${localStorage.getItem('token')}`
	        }
	    }
	    return config
	}, err => {
	    console.log(err);
	})
	
	// 响应拦截
	// res 服务器返回的数据信息
	server.interceptors.response.use(res => {
	    if (res.data == '无效token') {
	        alert('token无效,请重新登录')
	    } else {
	        return res
	    }
	}, err => {
	    // 只是作为参考的例子 具体情况要看服务器真实的返回数据
	    switch (err.code) {
	        case 500: console.log('服务器错误'); break;
	        case 404: console.log('页面找不到了'); break;
	        default:
	            return Promise.reject(err)
	            break;
	    }
	})
  • promise解决了回调地狱的问题

async的使用

  • async 函数就是generter的语法糖,包装在一个函数里。async必须和await搭配使用,
	var f1= async function (){
		  var f2 = await readFile(123');
	};
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值