Funções em JavaScript: declaração, parâmetros e arrow functions

No capítulo anterior vimos como usar os ciclos e as instruções de controlo de fluxo para comandar a execução do nosso código. Nesta parte do tutorial vamos explorar outro elemento central do JavaScript: as funções.

As funções são blocos de código que podes executar quando quiseres, o que te permite definir uma tarefa uma única vez e executá-la vezes sem conta sem reescrever o código. Assim escreves código mais eficaz e mais fácil de manter, porque defines a tarefa uma vez e usa-la em vários pontos do programa.

Eis os vários elementos a ter em conta quando escreves funções em JavaScript:

• A declaração de funções
• Os argumentos e os parâmetros
• O valor devolvido pelas funções
• As arrow functions

Declaração de funções

Há duas formas de declarar uma função em JavaScript: a declaração de função e a expressão de função.

Declaração de função

function maFonction() {
  // código a executar
}

Expressão de função

const maFonction = function() {
  // código a executar
}

Os argumentos e os parâmetros

Os argumentos são os valores passados a uma função quando esta é chamada. Os parâmetros são as variáveis definidas na declaração da função, que correspondem aos argumentos que lhe são passados.

Eis um exemplo de função com um argumento e um parâmetro:

function maFonction(parametre) {
  console.log(parametre);
}

maFonction('Bonjour'); // mostra 'Bonjour' na consola

O valor devolvido pelas funções

As funções podem devolver um valor através da instrução «return». Se uma função não devolver valor nenhum, considera-se que devolve «undefined».

function maFonction() {
  return 'Bonjour';
}

console.log(maFonction()); // mostra 'Bonjour' na consola

Também podes devolver vários valores numa função, recorrendo a um objeto ou a um array:

function maFonction() {
  return {
    message: 'Bonjour',
    nombre: 42
  };
}

console.log(maFonction());
// mostra { message: 'Bonjour', nombre: 42 } na consola

function maFonction() {
  return [1, 2, 3];
}

console.log(maFonction()); // mostra [1, 2, 3] na consola

Quando usas a instrução «return», a função para de imediato e o código que vem a seguir não é executado. Eis um exemplo que mostra isso:

function maFonction() {
  return 'Bonjour';
  console.log('Ce message ne sera jamais affiché');
}

console.log(maFonction()); // mostra 'Bonjour' na consola

As arrow functions

As arrow functions (as «funções de seta») são uma sintaxe mais concisa para escrever funções em JavaScript. Dão jeito sobretudo quando precisas de uma função simples que não exige um corpo completo.

const maFonction = () => {
  // código a executar
};

Se o corpo da função cabe numa única expressão, pode omitir as chavetas e a palavra-chave return: o valor da expressão é devolvido. Os parênteses, esses, continuam obrigatórios quando a função não tem nenhum parâmetro:

const maFonction = () => console.log('Bonjour');

Conclusão

As funções são uma peça central do JavaScript e são essenciais para escrever código eficaz e fácil de manter. Ao dominares a declaração de funções, os argumentos e os parâmetros, o valor devolvido e as arrow functions, ficas em condições de criar funções poderosas e úteis nas tuas aplicações.

No próximo capítulo vamos explorar outro conceito importante do JavaScript: os objetos. Veremos como criar e usar objetos para guardar e manipular dados de forma estruturada no nosso código.