在js中如何在img.onload执行完毕后在执行其他方法

Question

在函数draw()中我用for循环中的if来判断里面是否有图片，再在if里面通过img.onload获取图片的高度，将他加到总高度上面，之后for循环结束，我在将总高度赋值给一个创建的div，之后return这个div。

本来我想的是在for循环之后写一个计时器来卡住函数的运行，当判断onload执行完毕之后在执行之后创建赋值的程序，但是当我把后面创建div和赋值的程序放到计时器里面的时候，draw的return就会出错，之后我又将draw写成了async 在img.onload外面写了个await promise来将它包裹住，但是这样的话return的是一个promise,而不是这个div

我在这里想问两个问题
1.如果我用计时器的话我如何让return返回的数据正确
2.如果我用的是async的方法的话，我又该如何return正确的数据呢

这个是我await的写法

                if (answer_img.length === 1) {
                        answer_height -= this.subject_row_height
                        let img = new Image()
                        img.src = answer_img[0].src
                        await new Promise(resolve => {
                            img.onload = function () {
                                img_number--
                                img_height += img.height
                                answer_height += img.height
                            }
                        })
                }

Answer 1

你在onload函数里调用函数就可以了。
建议给出更具体的函数内容。你给的这个if 看不出什么猫腻的。