Ir para:

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

 

Uma função (function) é um fragmento de código que pode ser invocado por outro código, por si mesmo ou uma variável que se refere à função. Quando uma função é invocada, o argumento é passado para a função como input (entrada) e a função pode opcionalmente retornar um output (saída). Uma função em JavaScript também é um objeto.

O nome da função é um identificador declarado como parte de uma declaração de função ou expressão de função. O nome da função escopo depende se o nome da função é uma declaração ou expressão.

Diferentes tipos de funções

Uma função anônima é uma função sem o nome da função:

function () {};
// or using the ECMAScript 2015 arrow notation
() => {};

 

Uma função nomeada é uma função com o nome da função:

function foo() {};
// or using the ECMAScript 2015 arrow notation
const foo = () => {};

Uma função interna é uma função dentro de outra função (square nesse caso). Uma função externa é uma função contendo uma função (addSquares nesse caso):

function addSquares(a,b) {
   function square(x) {
      return x * x;
   }
   return square(a) + square(b);
};
//Using ECMAScript 2015 arrow notation
const addSquares = (a,b) => {
   const square = x => x*x;
   return square(a) + square(b);
};

Uma função recursiva é uma função que invoca a si mesma. Veja recursão.

function loop(x) {
   if (x >= 10)
      return;
   loop(x + 1);
};
//Using ECMAScript 2015 arrow notation
const loop = x => {
   if (x >= 10)
      return;
   loop(x + 1);
};

Uma Expressão de Função Invocada Imediatamente (IIFE em Inglês) é uma função que é invocada diretamente após a função ser carregada no compilador do navegador. A maneira de identificar um IIFE é localizar os parênteses extra esquerdo e direito no final da declaração da função.

// Error (https://en.wikipedia.org/wiki/Immediately-invoked_function_expression)
/*
​function foo() { 
    console.log('Hello Foo'); 
}();
*/

(function foo() {
    console.log("Hello Foo");
}());

(function food() {
    console.log("Hello Food");
})();

Se gostaria de saber mais sobre o IIFE, confira a seguinte página no Wikipédia : Immediately Invoked Function Expression

Leia mais

Referência técnica

Etiquetas do documento e colaboradores

Colaboradores desta página: apsychox
Última atualização por: apsychox,