Função JavaScript
Exemplo
Declare uma função que gera "Hello World" quando é chamada:
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
Mais exemplos abaixo.
Definição e uso
A function
instrução declara uma função.
Uma função declarada é "salva para uso posterior" e será executada posteriormente, quando for invocada (chamada).
Em JavaScript, funções são objetos e possuem propriedades e métodos.
Uma função também pode ser definida usando uma expressão (consulte Definições de função ).
Leia nosso Tutorial JavaScript para aprender tudo o que você precisa saber sobre funções. Comece com o capítulo de introdução sobre JavaScript Functions e JavaScript Scope . Para obter informações mais detalhadas, consulte nossa Seção de Funções em Definições de Funções , Parâmetros , Invocação e Fechamentos .
Veja também:
Sintaxe
function functionName(parameters) {
code to be executed
}
Parâmetros
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
Mais exemplos
Retorne o valor de PI:
function myFunction() {
return Math.PI;
}
Devolva o produto de a e b:
function myFunction(a, b) {
return a * b;
}
Uma função com argumentos diferentes pode produzir resultados diferentes.
Converter Fahrenheit para Celsius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
As funções podem ser usadas como variáveis.
Em vez de:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Você pode usar:
text = "The temperature is " + toCelsius(32) + " Centigrade";
As funções JavaScript têm um objeto embutido chamado argumentos.
A propriedade arguments.length retorna o número de argumentos recebidos pela função:
function myFunction(a, b) {
return arguments.length;
}
Clique para chamar uma função que gera "Hello World":
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Quando uma expressão de função é armazenada em uma variável, a variável contém uma função:
const x = function (a, b) {return a * b};
Quando uma função é armazenada em uma variável, a variável pode ser usada como uma função:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Páginas relacionadas
Tutorial JavaScript: Funções JavaScript
Tutorial JavaScript: Escopo JavaScript
Tutorial JavaScript: Definições de Função JavaScript
Tutorial JavaScript: Parâmetros da Função JavaScript
Tutorial JavaScript: Invocação de Função JavaScript
Tutorial JavaScript: encerramentos de funções JavaScript
Referência de JavaScript: instrução de retorno de JavaScript
Suporte ao navegador
function
é um recurso ECMAScript1 (ES1).
ES1 (JavaScript 1997) é totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |