Funções em JavaScript | Explicado para iniciantes
Se você é iniciante em JavaScript, não se preocupe, pois neste post, seguraremos sua mão e o seguiremos passo a passo para fazer você meter funções em JavaScript.
O que é uma função
Uma função é uma coleção de declarações ou comandos embrulhados em um bloco, mantido e mantido separadamente do programa principal para executar uma tarefa específica. As funções são muito úteis, pois um desenvolvedor pode reutilizar esse código repetidamente sem precisar escrever o código inteiro novamente.
Agora que sabemos o que é uma função, vamos nos procurar no sintaxe de uma função:
função functionName (argumentos)// Algumas declarações ou código
retornar;
Uma função é declarada com a palavra -chave função seguido pelo nome da função que deve ser única e é uma boa prática seguir a Convenção de Nomeação de Camelcase; A primeira palavra estará em minúsculas e as palavras depois que isso deve ter a primeira letra capitalizada e.g myfunctionName. Logo após o nome vem o parêntese () onde os parâmetros são recebidos. Escrevemos o código da função dentro dos colchetes encaracolados que vem depois dos parênteses (). No entanto, deve -se notar que, quando você estiver trabalhando com aulas em JavaScript, as funções são definidas sem a palavra -chave função.
Abrimos e fechamos a função com colchetes encaracolados e todo o código entra nesses colchetes encaracolados. A função toma a entrada como um argumento e retorna a saída através da palavra -chave retornar. Por padrão, uma função em JavaScript retorna indefinido Se não há nada para retornar.
Declarando e chamando a função
Vamos declarar uma função adequada que mostrará um alerta de Olá!
function myfunc ()alerta ("Olá!")
Agora que declaramos as funções com o nome de myfunc Vamos chamar a função que pode ser feita escrevendo o nome da função seguida por ():
function myfunc ()alerta ("Olá!")
// Função de chamada
myfunc ();
Veremos a seguinte saída em nosso navegador:
Exemplo 1
Agora que sabemos como declarar e chamar uma função, vamos brincar com os argumentos da função. Neste exemplo, forneceremos dois argumentos à função e exibiremos sua soma:
função myfunc (num1, num2)console.log (num1+num2);
// Função de chamada
myfunc (2,3); // 5
myfunc (5,5); // 10
No código acima, primeiro, declaramos uma função e a respectiva função está recebendo dois parâmetros. Em seguida, console o log adicionando os dois números. Fora da função, invocamos myfunc duas vezes fornecendo argumentos diferentes. O resultado da saída é dada abaixo:
Exemplo 2
Neste exemplo, alteraremos um pouco o código acima, fornecendo valores padrão para os parâmetros que significam se nenhum valor foi fornecido quando a função foi invocada, o valor padrão será processado. Também retornaremos a soma neste exemplo:
função myfunc (num1 = 1, num2 = 1)retornar num1+num2;
// Função de chamada
var sum = myfunc ();
console.log (soma); // 2
O valor retornado é armazenado na soma variável e nós console o valor do valor da variável soma. Como não fornecemos nenhum valores quando invocamos o myfunc Função Portanto, a função processará os valores padrão que foram 1 e 1 cuja soma será 2:
Conclusão
Uma função é um conjunto de declarações montadas em um nome específico dentro dos aparelhos encaracolados que é executado quando chamamos o nome da função com colchetes redondos. Uma função pode levar vários argumentos como entrada e retornar uma saída. Uma função ajuda a reutilizar o mesmo código, bem como melhora a depuração e faz com que nosso código pareça limpo, ajudando -nos a implementar o conceito de modularidade (uma tarefa específica está dentro de um bloco).
Neste post, primeiro, descrevemos o que é uma função e qual é a sua sintaxe. Então declaramos e chamamos a função. Depois disso, fornecemos exemplos para entender completamente o conceito de funções em JavaScript.