Return no javascript !

Lorrambr · 7 de setembro de 2012

Pessoal é o seguinte, eu sei que o return tem função de retorna uma função, mais eu custumo usar ele facultativamente quando necessário, mais porque no javascript ele fica necessário em certos momentos ? como por exemplo o código abaixo, eu tive que retorna uma função, dentro de outra pro código funcionar corretamente, se eu tirar os alertas vão tudo em sequência sem eu ter clicado em nenhum botão !

Alguem que pode ajudar aê ?

abraços

<html>
<head>
<script type="text/javascript">

window.onload = function(){

function msg(a){

return function(){ // <- aqui !

alert("Você clickou no " + a);
}

}
var botao = document.getElementsByTagName("button");
var valores = ["flamengo","vasco","botafogo","fluminense"];
for(x = 0; x < botao.length; x++){
botao[x].onclick = msg(valores[x]);
}

}

</script>
</head>
<body>

<button type="button"> Flamengo </button><br />
<button type="button"> Vasco </button><br />
<button type="button"> Botafogo </button><br />
<button type="button"> Fluminense </button><br />

</body>
</html>

Wilson Neto · 8 de setembro de 2012

Simples, porque o onclick tem de receber uma função de callback assim como o onload do window...


function funcao_sem_retorno(){ alert("sem retorno..."); }
...

/* onload recebendo função */
window.onload = funcao_sem_retorno; 

/* onload não recebendo nada */
window.onload = funcao_sem_retorno(); // recebe 'undefined', pois não houve retorno