How to fix closure problem in ActionScript 3 (AS3)

by

Isn’t the behaviour of closures in AS3 the same as in Java Script ?

Yes, JavaScript does exactly the same thing. As does Python. And others.

Although you define ‘var imageData’ inside the ‘for’, for loops do not introduce a new scope in these languages; in fact the variable imageData is bound in the containing scope (the outer function, or in this case it appears to be global scope). You can verify this by looking at imageData after the loop has completed executing, and finding the last element of imageList in it.

So there is only one imageData variable, not one for each iteration of the loop. When COMPLETE fires, it enters the closure and reads whatever value imageData has now, not at the time the function was defined(*). Typically the for-loop will have finished by the point COMPLETE fires and imageData will be holding that last element from the final iteration.

(* – there exist ‘early-binding’ languages that will evaluate the variable’s value at the point you define a closure. But ActionScript is not one of them.)

Possible solutions tend to involve using an outer function to introduce a new scope. For example:

function makeCallback(imageData) { return function() {
    imagePanel.addChild(imageData.loader.content as Bitmap);
    trace('Completed: ' + imageData.src);                                                                                                     
} }
...
imageData.loader.contentLoaderInfo.addEventListener(Event.COMPLETE, makeCallback(imageData));

You /can/ put this inline, but the doubly-nested function() starts to get harder to read.

See also Function.bind() for a general-purpose partial function application feature you could use to achive this. It’s likely to be part of future JavaScript/ActionScript versions, and can be added to the language through prototyping in the meantime.

More Related Contents:

  1. Force Garbage Collection in AS3?
  2. StackTrace in Flash / ActionScript 3.0
  3. Adobe AIR to execute program
  4. How to pass arguments into event listener function in flex/actionscript?
  5. Inverting rotation in 3D, to make an object always face the camera?
  6. as3 – COMPILER ERROR 1120: Access of undefined property * 7
  7. “Error #2032: Stream Error” when loading a remote content
  8. Flash CS4 refuses to let go
  9. differences between using wmode=”transparent”, “opaque”, or “window” for an embedded object on a webpage
  10. Can someone post a well formed crossdomain.xml sample?
  11. What is the best way to get the minimum or maximum value from an Array of numbers?
  12. How to notify the HTML container that the SWF has finished, using swfobject
  13. as3 textfield changing string value
  14. What are the major performance hitters in AS3 aside from rendering vectors?
  15. How do you decompile a swf file [closed]
  16. How to deal with Number precision in Actionscript?
  17. AS3: cast or “as”?
  18. How to embed a video into GitHub README.md?
  19. To pass a parameter to event listener in AS3 the simple way… does it exist?
  20. Flash upload image resize client side
  21. html5 vs flash – full comparison chart anywhere? [closed]
  22. capture permission granted complete event
  23. Using ‘File’ to save scene object locations to rebuild later in AS3
  24. How can I get an instance’s “memory location” in ActionScript?
  25. Flex’s FileReference.save() can only be called in a user event handler — how can I get around this?
  26. Can Flash action script read and write local file system?
  27. What is the easiest FLV player for embedding video on a website? [closed]
  28. Static variables in JavaScript
  29. Best way to stream files in ASP.NET
  30. Does PNG contain EXIF data like JPG?

Leave a Comment