MooTools - Funções
Funções em MooTools é um conceito de JavaScript. Já sabemos como usar funções em JavaScript. Geralmente, é melhor manter a função fora do corpo da página na tag de script. Na MooTools, seguimos o mesmo padrão. Aqui, você pode projetar sua própria função de acordo com os requisitos. Agora temos que chamar todas as funções definidas pelo usuário nodomready função.
Dê uma olhada na sintaxe a seguir para entender como usar a função generalizada no MooTools.
Sintaxe
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>Estrutura básica
Existem algumas maneiras básicas de definir uma função na MooTools. Não há diferença entre as sintaxes de função de JavaScript e MooTools, mas a diferença está em chamar uma função. Vamos dar um pequeno exemplo que define uma função chamada demo_function. Dê uma olhada no código a seguir.
Exemplo
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
//Define simple_function as a function
var simple_function = function(){
document.write('This is a simple function');
}
window.addEvent('domready', function() {
//Call simple_function when the dom(page) is ready
simple_function();
});
</script>
</head>
<body>
</body>
</html>Você receberá a seguinte saída -
Resultado
Função de parâmetro único
Você também pode criar uma função que aceite um parâmetro. Para usar parâmetros com funções, você precisa adicionar um nome de variável entre parênteses. Depois de fornecê-la, a variável fica disponível para uso. Vamos dar um exemplo que define uma função que recebe um único parâmetro e imprime uma mensagem junto com o parâmetro.
Dê uma olhada no código a seguir.
Exemplo
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
var single_parameter_function = function(parameter){
document.write('The parameter is : ' + parameter);
}
window.addEvent('domready', function(){
single_parameter_function('DEMO PARAMETER');
});
</script>
</head>
<body>
</body>
</html>Você receberá a seguinte saída -
Resultado
Retornando um valor
Sempre que você quiser usar o resultado de uma função como entrada para outra variável, será necessário usar o valor de retorno dessa função. Você pode usar a palavra-chave return para retornar um valor da função. Tomemos um exemplo que define uma função que aceitará dois valores de parâmetro e retornará a soma desses dois parâmetros. Dê uma olhada no código a seguir.
Exemplo
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
var two_parameter_returning_function = function(first_number, second_number){
var third_number = first_number + second_number;
return third_number;
}
window.addEvent('domready', function(){
var return_value = two_parameter_returning_function(10, 5);
document.write("Return value is : " + return_value);
});
</script>
</head>
<body>
</body>
</html>Você receberá a seguinte saída -