Problema con subindice

[Adler]

A la función Cantidades le paso un valor. Lo extraño es que cuando le paso el valor con un subindice tipo
ref[0,1,2,3,n...], no hay problema, pero si lo intento con el subindice ref[i], me lo pasa como indefinido.
No entiendo cual puede ser el problema

Código javascript:

var ref = [21,22,23,24];
for (var i = 0; i < ref.length; i++) {
 
  Evento(document.getElementById('rec_'+ref[i]),'click',function() {
      Cantidades(ref[i]);
})    
}
 

Gracias