Função (Function) do JavaScript

A função JavaScript é um bloco de código destinado a executar ações ou tarefas específicas.

A função é um código personalizado reutilizável definido pelo programador, que pode tornar seu programa mais modular e eficiente.

Quando 'algo' chama a função JavaScript, ela será executada.

Definir função

Definição de função（também conhecido comoDeclaração de função）Usando a palavra-chave function, a ordem das funções é a seguinte:

• Nome da função

• A lista de parâmetros da função, envolta em parênteses ( ) e separados por vírgulas.

• A declaração de definição da função, envolta em chaves { }.
  

Aqui está a sintaxe da função no JavaScript:

function nameOfFunction(parameter1, parameter2, ..., parameterN) {
　//　Código a ser executado
　}

O nome da função pode conter letras, números, sublinhados e o símbolo de dólar $ (com as mesmas regras das variáveis).

No primeiro exemplo, faremos a declaração da função para imprimir um saudação no documento.

function greet() {
　　　document.write("Olá, Mundo!");
}

Chamada de função

Definir uma função não executa. Definir uma função é nomear a função e especificar as operações ao chamar a função.

Você pode chamar a função adicionando parênteses () após o nome da função.

//Defina a função greet()
function greet() {
　　　document.write("Olá, Mundo!");
}
//Chamar a função greet() já definida
greet();

Agora, vamosgreet()O código está contido dentro de uma função e pode ser reutilizado conforme necessário.

//　Defina a função greet()
function greet() {
　　　document.write("Olá, Mundo!");
}
//　Chame várias vezes a função greet() já definida
greet();
greet();
greet();

Você também pode chamar a função usando outros métodos:

• Quando um evento ocorrer (ao clicar no botão do usuário)

• Chame-o a partir do código JavaScript

• Automático (autoexecutável)

Mais tarde, neste tutorial, você aprenderá mais sobre a chamada de funções.

Parâmetros da função

Ao definir uma função para aceitar valores de entrada no tempo de execução, você pode especificar os parâmetros.

Os parâmetros da função são listados dentro dos parênteses () na definição da função.

//Definir função
function greet(name) {
　　　document.write("Hello, ")　+　name);
}
//Chame a função greet com o parâmetro "Vishal"
greet("Vishal");

Você pode definir quantos parâmetros quiser conforme necessário.

//Definir função
function add(num1, num2, num3) {
　　　var total = num1　+　num2　+　num3;
　　　document.write(total);
}
　
//　Chamar função
add(5,　20,　10);　//　Saídas:　35
add(-5,　8,　7);　　//　Saídas:　10

No entanto, para cada parâmetro especificado, é necessário passar o parâmetro correspondente para a função na chamada da função, ou senão seu valor se tornará incerto.

//Definir função
function showFullname(fName, lName) {
　　　document.write(fName　+　" "　+　lName);
}
　
//　Chamar função
showFullname("Kavy", "Mark");　//　Saídas: Kavy Mark
showFullname("John");　//　Saídas: John undefined

A maneira como os parâmetros funcionam é semelhante às variáveis de suporte dentro de uma função; eles substituem os valores fornecidos (chamados de parâmetros) na chamada da função.

Dentro da função, os parâmetros aparecem como variáveis locais.

Você aprenderá mais sobre parâmetros de função na parte posterior deste tutorial.

Valor retornado

As funções JavaScript podem usar a instrução return para retornar valores para o script que chamou a função.

O valor retornado pode ser de qualquer tipo, incluindo arrays e objetos.

Quando o JavaScript atingir uma instrução return, a função parará de executar.

A seguir, uma função que aceita um parâmetro chamado número e retorna o parâmetro multiplicado por si mesmo (ou seja, o número):

//Definir função
function square(number) {
　　　return number　*　number;
}
//Chame a função, e o valor retornado será armazenado em x
var　x　=　square(5);

Uma função não pode retornar vários valores. No entanto, você pode obter um resultado semelhante retornando um array de valores:

function makeArray() {
　　　var myArray = ["Apple", "Mango", "Banana", "Orange"];
　　　return myArray;
}

Operador de chamada de função

Usando o exemplo acima, chame o objeto da função square e o resultado da função square().

Se não usar ()، será retornado o definição da função em vez do resultado da função:

function square(number) {
　　　return number　*　number;
}
document.write(square(5));　　//　saída　25
document.write(square);　//　Saída da Função Definida

Expressão de Função

Embora a declaração de função acima seja uma sentença em termos de sintaxe, também pode ser feita através de uma funçãoExpressãoCriação de Função

Expressões de função podem ser armazenadas em variáveis e sempre chamadas usando o nome da variável.

Essa função pode serAnônima ; Não precisa ter um nome. Por exemplo, a função square() pode ser definida como:

var　square　=　function(number)　{　return　number　*　number;　};
var　x　=　square(5);　//　x　=　25

Outro exemplo:

var　sum　=　function(a,　b)　{
return　a　+　b;
});
var　x　=　sum(100,　8);　　//　x　=　108

A função acima termina com um ponto e vírgula porque é parte de uma sentença executável.

Alcance da Função

Variáveis definidas dentro de uma função não podem ser acessadas de nenhum lugar fora da função, tornando-se variáveis locais da função.

//　O código aqui não pode usar　city
function　myFunc()　{
　　　var　city　=　"New　Delhi";
　　//　O código aqui pode usar　city
}
//　O código aqui não pode usar　city

Como as variáveis locais só podem ser usadas dentro da função, variáveis com o mesmo nome podem ser usadas em diferentes funções.

Variáveis locais são criadas ao iniciar a função e deletadas ao completar a função.