Função do JavaScript

As funções JavaScript são projetadas para executar um bloco de código para uma tarefa específica.

As funções JavaScript são executadas quando outro código as chama.

instância

function myFunction(p1, p2) {
    return p1 * p2;              // A função retorna o produto de p1 e p2
}

Experimente você mesmo

Sintaxe das funções JavaScript

As funções JavaScript são definidas por function é definido por palavras-chave, seguido deNome da funçãoe parênteses ()

O nome da função pode conter letras, números, underscores e símbolos de dólar (segundo as regras do nome de variável).

Os parênteses podem incluir parâmetros separados por vírgula:

(Parâmetro 1, Parâmetro 2, ...)

O código executado pela função é colocado dentro dos colchetes:{}

function name(Parâmetro 1, Parâmetro 2, Parâmetro 3) {
    Código a ser executado
}

Parâmetros da função (Function parameters)São os nomes listados na definição da função.

Parâmetros da função (Function arguments)É o valor real recebido pela função ao ser chamadaValor。

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

Em outras linguagens de programação, a função é semelhante a um procedimento (Procedure) ou subrotina (Subroutine).

Chamada de função

O código dentro da função será executado quando outra função chamar essa função:

  • Quando um evento ocorre (quando o usuário clica no botão)
  • Quando o código JavaScript for chamado
  • Automático (autoinvocado)

Você aprenderá mais sobre chamadas de funções neste tutorial.

A função retorna

Quando o JavaScript atingir return instrução, a função para de ser executada.

Se uma função for chamada por uma instrução, o JavaScript "retorna" o código após a instrução de chamada.

As funções geralmente calculamValor retornadoEste valor retornado será devolvido ao chamador:

instância

Calcule o produto de dois números e retorne o resultado:

var x = myFunction(7, 8);        // Chama a função, o valor retornado é atribuído a x
function myFunction(a, b) {
    return a * b;                // A função retorna o produto de a e b
}

O resultado de x será:

56

Experimente você mesmo

Por que usar funções?

Você pode reutilizar o código: defina o código uma vez e use-o várias vezes.

Você pode passar diferentes parâmetros para a mesma função várias vezes para obter diferentes resultados.

instância

Converta graus Fahrenheit para Celsius:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

Experimente você mesmo

o operador () chama a função

Usando o exemplo acima,toCelsius O que é referenciado é o objeto da função, enquanto toCelsius() O que é referenciado é o resultado da função.

instância

Acesso a uma função sem () retorna a definição da função:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Experimente você mesmo

Função usada como valor de variável

A forma de usar a função é idêntica à de uma variável, em todos os tipos de fórmulas, atribuições e cálculos.

instância

Use variáveis para armazenar valores de função:

var x = toCelsius(77);
var text = "A temperatura é " + x + " Celsius";

Você pode usar a função diretamente como um valor de variável:

var text = "A temperatura é " + toCelsius(77) + " Celsius";

Experimente você mesmo

Você aprenderá mais sobre funções neste tutorial.

variáveis locais

As variáveis declaradas dentro de uma função JavaScript se tornamvariáveis locais。

as variáveis locais só podem ser acessadas dentro da função.

instância

// O código aqui não pode usar carName
function myFunction() {
    var carName = "Volvo";
    // O código aqui pode usar carName
}
// O código aqui não pode usar carName

Experimente você mesmo

Como as variáveis locais podem ser reconhecidas apenas pelo próprio função, variáveis com o mesmo nome podem ser usadas em diferentes funções.

Variáveis locais são criadas no início da função e deletadas quando a função é concluída.

Livros didáticos

Mais sobre Função do JavaScriptPara mais informações sobre

Resumo de Funções ECMAScript
Esta seção explica o conceito de função, como o ECMAScript declara e chama funções e como as funções retornam valores.
Objeto arguments do ECMAScript
Este objeto é introduzido com suas utilizações básicas e explicado como usar a propriedade length para determinar o número de argumentos da função e como simular sobrecarga de função.
Objeto Function do ECMAScript (classe)
Esta seção ensina como criar funções usando a classe Function e depois apresenta as propriedades e métodos do objeto Function.
Encerramento (closure) do ECMAScript
Esta seção explica o conceito de encerramento (closure) e mostra dois exemplos, um simples e outro mais complexo.