Função

Um bloco de código com nome, que recebe valores, faz alguma coisa e devolve um resultado.

Também aparece como "function", "arrow function", "parâmetro", "retorno".

No mundo do Design

O Figma chama isso de Ação do protótipo

Função é a unidade básica de "faz alguma coisa" no JavaScript. Ela tem nome, recebe entradas e devolve uma saída.

function formatarPreco(valor) {
  return valor.toLocaleString("pt-BR", {
    style: "currency",
    currency: "BRL",
  });
}
 
formatarPreco(1990); // "R$ 1.990,00"

valor é o parâmetro, o que entra. return é o que sai. Chamar a função é escrever o nome dela com parênteses.

A forma curta que você vai ver mais

const formatarPreco = (valor) => valor.toFixed(2);

Isso é uma arrow function. Faz a mesma coisa, com menos cerimônia. Quando o corpo é uma expressão só, o return fica implícito. Em código de React você vai ver arrow function em quase toda linha de evento.

Por que isso interessa a quem desenha

Todo componente de React é uma função. Todo clique dispara uma função. Toda formatação de data, preço e nome que aparece na sua tela passou por uma. Quando você entende que função é "entra isso, sai aquilo", metade do código que a IA te devolve para de parecer feitiço.

Outros termos de JavaScript

Quer o assunto inteiro e não só a definição? Os guias pegam cada tema do começo ao fim.