具有“onload”事件的 JavaScript 对象/回调生命周期

发布于 2024-10-08 06:55:39 字数 874 浏览 2 评论 0原文

今晚我正在编写一个图像库，这让我想到了一个哲学问题

我创建了一个预加载的图像对象并为其设置了一个 onload 事件

  ...  onmouseover = function() {
        preloadActive = true;
        imgPreload = new Image();

        imgPreload.onload = function() {
            preloadActive = false;
        }

        imgPreload.src = ...;
      }

是全局变量

其中 imgPreload 和 preloadActive现在想象一下，在执行 onload() 之前，会触发一个新的 onmouseover() 。

运行一行代码创建一个新的图像对象，旧的图像对象失去最后一个链接并转到 Erebus，并等待垃圾收集器吃掉它。

问题在这里： 旧的对象实例不会立即销毁。没人知道它的 onload 事件会持续多久？您有这方面的跨浏览器经验吗？

谢谢你！

PS：我不担心 IE6

PPS：如果我有一个带有 setInterval 超时 ID 的对象，会发生什么？

obj.someVar = setInterval(...)

setInterval 是在我执行的那一刻停止的吗

obj = {}

？

原文

I am coding an image gallery tonight and this led me to a philosophical question

I create a preloaded Image object and set an onload event for it

  ...  onmouseover = function() {
        preloadActive = true;
        imgPreload = new Image();

        imgPreload.onload = function() {
            preloadActive = false;
        }

        imgPreload.src = ...;
      }

Where imgPreload and preloadActive are global variables

Now imagine that a new onmouseover() fires out before onload() executes.

a line of code is run which creates a new image object, the old image object looses the last link and goes to Erebus, and is waiting for garbage collector to eat it.

The question goes here:
The old object instance is not destroyed immediately. Its onload event continues to live nobody knows for how long time? Do you have any cross-browser experience about that?

Thank you!

PS: I don't worry about IE6

PPS: What happens if I have an object with setInterval timeout ID inside?