为什么Image对象的src属性要写在onload事件后面？

Question

var image=new Image();
imgae.onload = funtion;
imgae.src = 'url'

为什么src属性需要写在onload事件后面？

Answer 1

js内部是按顺序逐行执行的，可以认为是同步的
给imgae赋值src时，去加载图片这个过程是异步的，这个异步过程完成后，如果有onload，则执行onload

如果先赋值src，那么这个异步过程可能在你赋值onload之前就完成了（比如图片缓存，或者是js由于某些原因被阻塞了），那么onload就不会执行
反之，js同步执行确定onload赋值完成后才会赋值src,可以保证这个异步过程在onload赋值完成后才开始进行，也就保证了onload一定会被执行到

Answer 2

因为写到前面的话如果图片已经缓存，或者加载太快的话，后面onload 还没执行就加载完了，这样有可能不会触发onload事件

Answer 3

你写到后面试试看，比较一下差异嘛，然后谈谈感受

Answer 4

https://www.cnblogs.com/carek...