Uma função JavaScript é um bloco de código projetado para executar uma tarefa específica.
Uma função JavaScript é executado quando "algo" o invoca (chama).
Exemplo
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Tente você mesmo " JavaScript Função Sintaxe
Uma função JavaScript é definido com a function palavra-chave, seguido por um nome, seguido de parênteses () .
Nomes de funções pode conter letras, números, sublinhados e sinais de dólar (mesmas regras variáveis).
Os parênteses podem incluir nomes de parâmetros separados por vírgulas:
(Parameter1, parameter2, ...)
O código a ser executado, pela função, é colocado dentro de colchetes: {}
function
name ( parameter1, parameter2, parameter3 ) {
code to be executed
}
Parâmetros de função são os nomes listados na definição da função.
Argumentos da função são os valores reais recebidos pela função quando é invocada.
Dentro da função, os argumentos se comportam como variáveis locais.
Uma função é o mesmo que um procedimento ou uma sub-rotina, em outras linguagens de programação.
A chamada de função
O código dentro da função será executado quando invoca "algo" (chamadas) a função:
- Quando ocorre um evento (quando um usuário clica em um botão)
- Quando é invocada (chamado) a partir do código JavaScript
- Automaticamente (auto invocado)
Você vai aprender muito mais sobre chamada de função mais adiante neste tutorial.
Retorno função
Quando JavaScript atinge uma instrução de retorno, a função irá parar a execução.
Se a função foi chamado a partir de uma declaração, JavaScript irá "voltar" para executar o código após a instrução de chamada.
Funções muitas vezes calcular um valor de retorno. O valor de retorno é "devolvido" de volta para o "chamador":
Exemplo
Calcule o produto de dois números, e retornar o resultado:
var x = myFunction(4, 3);
// Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
O resultado em X será:
12
Tente você mesmo " Por Funções?
Você pode reutilizar o código: Definir o código de uma vez, e usá-lo muitas vezes.
Você pode usar o mesmo código muitas vezes com argumentos diferentes, para produzir resultados diferentes.
Exemplo
Converter Fahrenheit para Celsius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77); Tente você mesmo " A () operador invoca a função
Utilizando o exemplo acima, toCelsius refere-se ao objecto de função, e toCelsius() refere-se ao resultado da função.
Exemplo
Aceder a uma função sem () irá retornar a definição da função:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius; Tente você mesmo " Funções usadas como variáveis
Em JavaScript, você pode usar as funções da mesma forma que você usa variáveis.
Exemplo
Você pode usar:
var
text = "The temperature is " + toCelsius(77) + " Celsius";
Ao invés de:
var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
Tente você mesmo " Você vai aprender muito mais sobre as funções mais adiante neste tutorial.
Teste-se com exercícios!
Exercício 1 » Exercício 2» Exercício 3 » Exercício 4» Exercício 5 »