如何在返回结果之前执行图像 onload 函数内部的代码？

Question

我想返回在图像 onload 函数内部执行的代码。代码是：

function loadImage() {
  var data = null;
   var image = new Image();
   image.onload = function() {
     console.log("I am inside of image load function");
     data = "I am inside";
   }
   image.src="flower.jpg";
   console.log("I am outside of image load function");

   console.log(data);
   return data;
}

Firefox 控制台中的结果是：

I am outside of image load function
null
I am inside of image load function

我想要的是，上面的代码应该返回图像 onload 函数内部分配的数据值，即我希望返回的数据是“我在里面”。即

I am inside of image load function
I am outside of image load function
I am inside

怎样做才能达到预期的结果？

或者

如何首先执行图像 onload 函数内部的代码，然后仅执行函数外部的代码？

Answer 1

我猜上面的例子是其他东西的简化样本？

不太确定你想要实现什么，但是看看你的代码，你明白为什么 null 会出现在它出现的地方吗？

data 在执行 console.log(data) 时可能为 null，因为图像尚未完成加载。

当图像加载时您希望发生什么，但您不能在卸载事件处理程序中实现它吗？