O que acontece nesse caso é o seguinte:
- Dentro do escopo do
for
existe a variável i
, a qual é inicializada em 0
e incrementada com +1
a cada "volta" que ocorre por causa do laço de repetição for
- Também dentro do escopo do
for
é criado uma função anônima que recebe o parâmetro que também foi chamado de i
por simples acaso do destino, o qual, poderia se chamar qualquer coisa, poderia ser por exemplo (funciontion(meuParametroMuitoLouco) { ...
- A partir daí, a variável
i
dentro da função anônima passa a ser o parâmetro recebido na função, e não a variável i
do for
- Sobre o comando entre parêntesis
(i)
ao final da função anônima o que ele faz é simplesmente executar a função que acabou de ser criada anonimamente passando a variável i
criada na declaração do método for
O motivo de você não entender o que acontece é justamente pela escolha dos nomes de variáveis, o que torna muito confusa a separação visual do código, uma alternativa é alterar o nome da variável recebida como parâmetro dentro da função anônima, conforme exemplo abaixo:
(function(indexParaDeletar) {
var id_cliente = del[indexParaDeletar].getAttribute('value');
if (del[indexParaDeletar].addEventListener) {
del[indexParaDeletar].addEventListener("click",
function() {
confirmaExclusao(id_cliente);
}
);
} else if (del[indexParaDeletar].attachEvent) {
del[indexParaDeletar].attachEvent("onclick",
function() {
confirmaExclusao(id_cliente);
}
);
}
})(i);
Outra alternativa é criar uma função e simplesmente chamá-la dentro do for, fazendo com que a função não seja anônima, o que tem o benefício de auxiliar no log de erro do console/browser, separar responsabilidades, melhorar legibilidade do código, etc, etc, etc, por exemplo:
function deletar(indexParaDeletar) {
var id_cliente = del[indexParaDeletar].getAttribute('value');
if (del[indexParaDeletar].addEventListener) {
del[indexParaDeletar].addEventListener("click",
function() {
confirmaExclusao(id_cliente);
}
);
} else if (del[indexParaDeletar].attachEvent) {
del[indexParaDeletar].attachEvent("onclick",
function() {
confirmaExclusao(id_cliente);
}
);
}
};
var del = document.getElementsByClassName("del");
if (del != null) {
for (var i=0; i<del.length; i++) {
deletar(i);
}
}
Espero ter ajudado.