解释一下这段代码的执行

jsonp(url,params,{
param: 'callback'
}).then(res => {
if (res.code === '200'){
return res;
}
throw new Error('没有成功获取到数据!');
}).catch(err => {
if (err){
console.log(err);
}
}).then(data = > {
return new Promise(resolve => {
setTimeout(() => {
resolve(data);
},1000);
})
});

什么时候走catch 什么时候走then

JJJustin 2019-09-06

源自：实战：Vue webAPP首页开发 4-2 热卖推荐--从服务器端获取数据

6

收起

3回答

好帮手慕星星 2019-09-07 17:22:17

同学你好，

1、export default 是默认导出，没有函数名字也可以：

导入的时候变量就会接受导出的函数，可以输出jsonp看看：

用的时候直接用jsonp即可，就是这个函数：

2、promise封装一层是为了使用then和catch方法，在recommend.vue中引入home.js，调用方法：

后面使用了then。

自己可以再理解下，祝学习愉快！

樱桃小胖子 2019-09-06 19:38:04

成功执行then，不成功执行catch，包装一层promise是因为封装的jsonp.js文件中，函数返回的是一个promise实例哦

希望可以帮到你！

提问者 JJJustin #1

export default (url,data,options) => { url += (url.indexOf('?') < 0 ? '?' : '&') + parseParm(data); return new Promise((resolve, reject) => { jsonp(url,options,(err,data) => { if (err){ reject(err); }else{ resolve(data); } }) }) }; 问题1：为什么这个函数没有名字其他地方还可以用jsonp()来调用问题2：用promise封装一层是为了使用then和catch方法吗

2019-09-06 21:03:29

提问者 JJJustin 2019-09-06 16:19:08

接口成功走then 包装一层promise返回接口失败走catch?

包装一层promise的意义何在呢

相似问题

老师看看注释中，我对这段代码的理解对吗

代码执行卡死

老师，想了解一下python如何编译执行？

求解释一段代码

while循环以后的代码不了解请老师解释一下

登录后可查看更多问答，登录/注册

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

84 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号