解释一下这段代码的执行

来源：4-2 热卖推荐--从服务器端获取数据

JJJustin

2019-09-06 16:02:43

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

写回答

3回答

好帮手慕星星

2019-09-07

同学你好，

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

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

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

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

后面使用了then。

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

樱桃小胖子

2019-09-06

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

希望可以帮到你！

hJJustin

h 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方法吗

h019-09-06

共1条回复

JJJustin

提问者

2019-09-06

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

包装一层promise的意义何在呢

0 学习 · 10739 问题

查看课程

相似问题

老师解释一下

回答 3

老师这段代码报错了，蓝色区域promise

回答 5

无法垂直滚动，update是有触发的，但是触发前后的高度是一样的……

回答 3

老师，能解释一下这段代码嘛，还有为什么要传这个值呢？

回答 2

打开慕课网App查看更多内容