Tutorial 11 - Utilización de componentes

Paso 7 de 14

Al tener nuestra variable numImages el valor de 4, podemos ver que en la primera línea del código:

for (var i:uint=0; i<numImages; i++)

se define que el bucle se repetirá 4 veces, con los valores para i de 0, 1, 2 y 3.

Si tienes dudas sobre el uso del bucle for puedes consultar el paso 7 del tutorial 10.

Continuando con el análisis del código, en el fragmento:

this["thumb"+i+"_ldr"]

se sustituirá a i por los diferentes valores que va adoptando en las repeticiones, creando con ello las cadenas this["thumb0_ldr"], this["thumb1_ldr"], etc.

El this buscará una instancia cuyo nombre coincida con la cadena que se encuentra entre los corchetes, paso necesario al escribir los nombres de instancia de forma dinámica, lo que equivaldría a haber escrito directamente el nombre de la instancia.

En el fragmento:

"images/thumbs/img"+i+".jpg"

se sustituirá igualmente la i por su valor correspondiente en el bucle.

Por tanto, este bucle equivaldrá a haber escrito:

thumb0_ldr.source = "images/thumbs/img0.jpg";
thumb1_ldr.source = "images/thumbs/img1.jpg";
thumb2_ldr.source = "images/thumbs/img2.jpg";
thumb3_ldr.source = "images/thumbs/img3.jpg";

lo cual mostrará las cuatro imágenes en su contenedor correspondiente.