老师，为什么我把返回语句放在setTimeout里就会报错

      const loadImgAsync = url => {
        return new Promise((resolve, reject) => {
          const img = new Image();
          img.src = url;
          img.onload = () => {
            resolve(img);
          };

          img.onerror = () => {
            reject(new Error(`Could not load image at ${url}`));
          };


        });
      };

      loadImgAsync("http://img1.sycdn.imooc.com/climg//5b16558d00011ed506000338.jpg")
        .then(img2=>{
          document.body.appendChild(img2)
          return loadImgAsync("http://img1.sycdn.imooc.com/climg//5b165603000146ca06000338.jpg")
        })
        .then(img=>{
          setTimeout(()=>{
            document.body.appendChild(img)
           //放在这里会报错 return loadImgAsync("http://img1.sycdn.imooc.com/climg//5b1656140001c89906000338.jpg") 
          },1000)
          return loadImgAsync("http://img1.sycdn.imooc.com/climg//5b1656140001c89906000338.jpg")
        })
        .then(img=>{
          setTimeout(()=>{
            document.body.appendChild(img) 
          },2000)
        })

席萌萌 2021-04-01

源自：Promise 5-3 编程练习

收起

3回答

好帮手慕慕子回答被采纳获得+3积分 2021-04-02 11:12:17

同学你好，因为将返回语句放在setTimeout中，此时return返回的结果是针对setTimeout中的回调函数，并不是针对then的，具体可以参考如下解析：

“好帮手慕星星”老师提供的修改代码中，将定时器放在了loadImgAsync函数中，等图片成功加载，隔一秒后才将图片追加到页面中，然后执行resolve方法，将Promise对象改为成功状态的。所以只有定时器执行完之后，才会去更改Promise对象的状态。

因为在then的回调函数中没有手动添加return时，才会默认返回一个成功状态的Pomise，而老师提供的代码中，在then方法的回调中手动设置了return返回loadImgAsync，所以不会再默认返回一个成功状态的Promise了

祝学习愉快~

收起回答

好帮手慕星星 2021-04-01 18:14:07

同学你好，因为定时器是异步的，但是then方法中其他语句不是，所以如果将return放在定时器中，那么下面的then拿不到传入的数据

也就不能将数据添加到页面中。

另外练习视频中一开始并没有默认显示第一张图，而是1s后出现的，建议修改代码，将定时器统一放在loadImgAsync方法中会方便一些，参考：

祝学习愉快！

收起回答

提问者席萌萌 #1
为什么最后一个then会同步执行，按道理他应该等待上面的then返回
```
resolve();才能执行啊
```
2021-04-01 18:31:15
好帮手慕星星回复提问者席萌萌 #2

then是异步执行的，但是then中会默认返回一个成功状态的promise，而定时器是异步的，所以先执行了默认返回的promise，也就会没有获取到数据。

2021-04-01 19:01:26
提问者席萌萌回复好帮手慕星星 #3
那为什么老师指导我修改的代码中，then会等待loadImgAsync方法中
```
setTimeout
```
中的
```
resolve()，而不是默认返回一个成功状态的promise
```
2021-04-01 19:39:04