Introdução às funções em JavaScript

Seja bem-vindo ao módulo 2! Nesta aula, você embarcará no mundo das funções em JavaScript, ferramentas poderosas para organizar seu código, reutilizar funcionalidades e tornar seu desenvolvimento mais eficiente. Prepare-se para aprender o que são funções, como declará-las e utilizá-las em seus scripts.

O que são funções?

Imagine uma caixa mágica que você pode usar sempre que precisar realizar uma ação específica.

As funções em JavaScript são como essa caixa mágica, onde você pode colocar um conjunto de instruções que serão executadas quando a função for chamada.

Por que usar funções?

As funções ajudam a organizar seu código em partes menores e reutilizáveis, facilitando a manutenção e a solução de problemas.

Além disso, elas permitem que você escreva um trecho de código uma vez e o utilize várias vezes em diferentes partes do seu programa.

Como criar uma função?

Em JavaScript, você pode criar uma função usando a palavra-chave “function” seguida pelo nome da função e parênteses.

Dentro dos parênteses, você pode definir quais parâmetros a função receberá, que são como variáveis ​​especiais usadas para passar informações para a função.

Sintaxe da função

function nomeDaFuncao(parametro1, parametro2, ...) {
  // Código a ser executado quando a função for chamada
  // Pode incluir declarações de variáveis, condicionais, loops, etc.
  return valorDeRetorno; // Opcional: retorna um valor após a execução da função
}

Explicação da sintaxe:

• A palavra-chave function é usada para definir uma nova função.
• nomeDaFuncao é o nome da função que você escolhe. Você pode dar o nome que desejar, desde que siga as regras de nomenclatura válidas em JavaScript.
• Entre parênteses, você pode listar os parâmetros da função separados por vírgulas. Os parâmetros são como variáveis ​​especiais que a função receberá para usar em seu código. Eles são opcionais e você pode ter nenhum ou vários parâmetros.
• Dentro das chaves {}, você escreve o código que será executado quando a função for chamada.
• A declaração return é opcional, mas se você quiser que sua função retorne um valor, você pode usá-la. O valorDeRetorno é o valor que será retornado pela função. Pode ser qualquer tipo de dado válido em JavaScript, como um número, uma string, um objeto, etc.

Aqui está um exemplo que usa a sintaxe da função:

function somar(a, b) {
  var resultado = a + b;
  return resultado;
}

Neste exemplo, temos uma função chamada somar que recebe dois parâmetros a e b. Ela calcula a soma dos dois parâmetros e retorna o resultado.

Como chamar uma função?

Depois de definir uma função, você pode chamá-la pelo nome seguido de parênteses.

Isso faz com que o bloco de código dentro da função seja executado.

Exemplo:

function saudacao(nome) {
  console.log("Olá, " + nome + "!");
}

saudacao("João");

Neste exemplo, temos uma função chamada saudacao que recebe um parâmetro nome.

Quando chamamos a função usando saudacao(“João”), passamos o argumento “João” para a função.

Isso resultará na exibição da mensagem “Olá, João!” no console.

Retorno de valores

Uma função pode retornar um valor após sua execução. É como se a função tivesse um resultado ou resposta para a ação que realizou.

Esses valores de retorno podem ser usados em outras partes do seu programa.

Vamos usar um exemplo que já visto acima para exemplificar a palavra-chave return

function somar(a, b) {
  var resultado = a + b;
  return resultado;
}

Benefícios de usar funções:

• Reutilização de código: Permite reutilizar o mesmo código em diferentes partes do seu script, evitando repetição e aumentando a eficiência do seu desenvolvimento.
• Organização: Facilita a organização do seu código, dividindo-o em unidades menores e mais gerenciáveis.
• Manutenabilidade: Torna seu código mais fácil de ler, entender e manter.
• Teste: Facilita o teste de unidades específicas do seu código.

Desafio:

1. Crie um script JavaScript que solicita ao usuário dois números.
2. Crie uma função para calcular a soma desses números.
3. Invoque a função e exiba o resultado da soma na tela.

Agora que você adquiriu um base sobre funções em JavaScript, está pronto para mergulhar em um tópico mais avançado: Parâmetros e argumentos de função, estes vão ser o assunto da nosso próxima aula.