Problema con bucle for

[zant95]

Hola a todos, tengo un problema con un bucle for, y es que haciendo uso de la API de Google para crear menús contextuales siempre obtengo el último valor de "x" en el bucle.

Código Javascript:

for (var x = 0; x < listImagesAngry.length; x++) {
     var menuId = listImagesAngry[x];
     menuId = chrome.contextMenus.create({'title': '!'+listImagesAngry[x]+'!', 'parentId': imagesParentAngry, 'contexts': ['editable'], 'onclick': function(){sendCode(listImagesAngry[x])}});
}
 

Es en la función sendCode cuando obtengo el último valor de "x", lo demás funciona bien.

Saludos.

[zerokilled]

buenas,
el código en realidad funciona bien. el problema más bien se debe a la falta de entendimiento en como funciona algunas características del lenguaje. en este caso particular del scope de las variables y el runtime de javascirpt. un detalle que de vez en cuando se ignora es que los bucles en javascript no generan un nuevo scope. de forma resumida, el problema consiste en que javascript lee las variables en último momento -por decirlo de una forma. lo que significa que si creas dinámicamente funciones que accesan a variables externas, dichas funciones no adquieren el valor de las variables al momento de definirse, sino al momento de invocarse. algunos artículos que encontre que pudieran ayudarte...
http://haveacafe.wordpress.com/2008/...rnal-function/
http://robertnyman.com/2008/10/09/ex...-and-closures/

[zant95]

Muchas gracias, la solución que proponen en el primer enlace no me funcionó, pero la del segundo si.

Código Javascript:

for (var x = 0; x < listImagesAngry.length; x++) {
     var menuId = listImagesAngry[x];
     menuId = chrome.contextMenus.create({'title': '!'+menuId+'!', 'parentId': imagesParentAngry, 'contexts': ['editable'], 'onclick': function (num) {return function () {sendCode(listImagesAngry[num]);};}(x)});
}