Javascript Functions - explicado com exemplos para iniciantes

Enquanto codifica o JavaScript, podemos precisar executar uma determinada ação várias vezes, e.g., dois números. Podemos fazê -lo repetidamente no programa ou apenas fazer uma função que leva dois números como uma entrada, os adiciona e retorna a resposta. Esta função pode ser chamada sempre que for necessário adicionar dois números no programa.

O que são funções:

As funções são subprogramas em um programa que consiste em blocos de código usado para executar determinadas tarefas. Geralmente, as funções assumem um valor como um parâmetro, processam -o e depois retornam uma saída.

As funções nos ajudam a reutilizar blocos de código e evitar repetitividade. Eles podem ser usados ​​para dividir problemas complexos em pedaços menores. Eles aumentam a legibilidade do código e reduzem seu tamanho à medida que as declarações duplicadas são substituídas por uma única linha de código, i i.e., Ligue para a função.

Tipos de funções:

Existem dois tipos diferentes de funções:

• Funções internas/funções da biblioteca padrão
• Funções personalizadas/definidas pelo usuário

Funções internas

A maioria das linguagens de programação possui funções internas que nos ajudam a executar determinadas ações usando uma única linha de código. Essas ações exigiriam codificação complexa. As funções internas mais comuns no JavaScript são:

• organizar()
• para sequenciar()
• parseint ()
• isnan ()
• codeuri ()

Função definida pelo usuário:

Como o nome sugere, essas são funções personalizadas criadas pelo usuário. Os usuários/programadores podem criar funções personalizadas para uma tarefa específica que eles precisam executar.

Observação: Usaremos o console do navegador para demonstrar exemplos realizados neste post. Para abrir o console do navegador:

• Use o F12 Chave no Chrome e outros navegadores à base de cromo.
• Usar Ctrl + Shift + K teclas de atalho do teclado para mozilla.
• Usar Opção + ⌘ + c Teclas de atalho do teclado no Safari (se o menu do desenvolvedor não aparecer, abra as preferências pressionando ⌘ +, e em Avançado Verificação da guia “Mostrar desenvolver menu na barra de menus”).

Como declarar uma função em JavaScript:

Primeiro de tudo, precisamos declarar a função antes que possamos começar a usá -la. Em JavaScript, o função A palavra -chave é usada para declarar uma função. É seguido pelo nome da função junto com parâmetros entre parênteses. Os parâmetros são opcionais e são separados por vírgulas.

Então precisamos definir o corpo da função. Podemos colocar qualquer código em uma função; Uma função pode ter uma única ou múltiplas linhas de código, dependendo do objetivo dessa função específica.

functionFunction_Name (parâmetro1, parâmetro2,…, parametern)

Declarações;

Neste exemplo, declararemos e definiremos uma função que quadrará o valor do número fornecido:

Funções QUE (número)

deixe sq = número * número;
retornar sq;

No exemplo dado acima, a função quadrado leva um número como um parâmetro. Em seguida, ele multiplica o número consigo mesmo e o armazena em uma variável nomeada sq. A função retorna o valor presente dentro da variável sq.

O sq A variável é uma variável local de função quadrado e não funcionará fora desta função. As variáveis ​​declaradas e definidas em uma função são as variáveis ​​locais da função. Por outro lado, as variáveis ​​declaradas no programa principal são variáveis ​​globais e podem ser acessadas de qualquer lugar do programa.

Agora usaremos outro exemplo que levará dois parâmetros diferentes e os multiplicará:

functionMultiply (número1, número2)

letans = número 1 * número2;
Retornans;

A função dada acima está tomando dois números diferentes como parâmetros. Em seguida, ele multiplica entre si e armazena o valor na variável Ans. Então ele retorna o valor da variável Ans para onde foi chamado.

Como chamar uma função:

Declarar e definir uma função especifica o que a função fará quando é chamado.

As funções podem ser chamadas por seus nomes junto com parâmetros (separados por vírgulas) entre parênteses. A seguir, o exemplo da sintaxe que pode ser usada para chamar uma função em JavaScript.

function_name (parâmetro);

No exemplo dado abaixo, chamaremos a função acima mencionada quadrado, E vamos passar o número 5 Como um parâmetro:

quadrado (5);

A função irá encaixar o número 5 e retorno 25. Podemos verificar isso chamando a função dentro do console.registro() método:

console.log (quadrado (5));

Se uma função estiver retornando um valor, ele retorna esse valor para onde foi chamado. Como visto no exemplo acima, quando chamamos a função dentro do console.registro() método, a saída foi 25, qual é o valor de retorno da função.

Podemos usar qualquer variável ou número no lugar do parâmetro. Uma função pode ser chamada de dentro de qualquer outra função também. Podemos usar funções como condições para se e laço declarações também.

Conclusão

Funções são blocos individuais de código que são escritos para executar ações específicas. Eles são os blocos de construção mais fundamentais de quase todas as principais linguagens de programação.

Como mencionado acima, todas as principais linguagens de programação têm funções internas. Essas funções ajudam os desenvolvedores a executar tarefas complexas usando uma única linha de código. Os desenvolvedores também têm a opção de escrever suas próprias funções de acordo com os requisitos de seu código.

Neste post, discutimos o que são funções e como declará -las. Além disso, também aprendemos a chamar as funções declaradas.