função javascript

| | | | | | | |

Funções JavaScript são blocos personalizados de código que podem ser reutilizados. As funções permitem que o código seja mais modular e são essenciais para a programação orientada a objetos. As funções podem ser definidas por instruções ou expressões.

Se você deseja aprender JavaScript e deseja conhecer o Noções básicas, funções JS são definitivamente algo que você precisa saber. Se você passou algum tempo trabalhando com uma linguagem de programação, saberá que as funções são os blocos de construção de programas complexos, mas talvez não saiba como elas funcionam. As funções permitem que você escreva o código uma vez para processos comuns, em vez de repeti-lo várias vezes.

As funções são blocos de código que executam uma ação e podem retornar um valor. As funções podem ser personalizadas de acordo com suas necessidades e podem ser usadas para tornar seu código mais eficiente e modular

Neste tutorial, exploraremos as funções básicas:. Como definir uma função, como chamar uma função e quando podem ser úteis.

Como usar JavaScript define function

Existem duas maneiras de definir uma função JavaScript: através de declarações e expressões. Vamos começar com o método de declaração para definir uma função.

JavaScript declarações de função

declarações de função definem uma função chamada. Para definir esse tipo de função, você deve iniciar seu código com a palavra-chave de função , seguida do nome da função. Aqui está um exemplo:

Os nomes das funções seguem as mesmas regras que as variáveis: eles podem usar, sublinhar, ler números e geralmente são escritos em casos de camelo. Então, após o nome da variável, você pode incluir uma série de parênteses, nos quais os parâmetros opcionais podem ser mantidos. Voltaremos a isso mais adiante neste artigo.

Então, como uma instrução ou for if, o código da função estará entre chaves. Aqui está um exemplo de uma função que imprimirá Google no console:

Dentro do JS printGoogle() existe uma instrução console .log() que será executada quando a função for chamada . Mas nada acontecerá até que chamemos a função. Se quisermos chamar a função, podemos usar este código:

Agora vamos mesclar nosso código em uma única função, então vamos chamá-la:

A saída desta função será Google. printGoogle () retornará o resultado quando chamado, neste caso na última linha

Agora que nosso código de impressão está ativo, podemos executá-lo quantas vezes quisermos chamando a função printGoogle() .

JavaScript função de expressão

Outra maneira de declarar uma função é criar uma expressão de função. Podemos fazer isso atribuindo uma função a uma variável

Deixe ". S usa o mesmo exemplo acima. Em vez de declarar a função em si, podemos atribuí-la a uma variável. Aqui está um exemplo:

Para chamar essa expressão, adicionamos a linha de código google () para cada vez que queremos que a expressão seja executada.

Agora que conhecemos as duas maneiras de declarar uma função, podemos explorar como personalizar essa função de programação. Em nosso código acima, criamos uma função que imprime Google no console.

Para imprimir outro nome, como Facebook, precisamos alterar o código. Se quisermos que os usuários que visitam nosso site insiram seu nome comercial preferido e o imprimam no console, nossa função não funcionará.

Portanto, temos que usar parâmetros. Se adicionarmos um parâmetro name à nossa função JS, podemos imprimir um nome no console por meio de nossa função. Aqui está um exemplo:

O nome da função é printCompany() e nosso parâmetro é chamado name. O parâmetro pode então ser chamado na função JavaScript. No exemplo acima, estamos usando o parâmetro name para alterar o que será impresso na linha de código console.log()

Mas ainda não definimos nosso nome. Para definir o parâmetro, devemos atribuir um valor quando chamamos nossa função JavaScript. Digamos seu negócio favorito é o Snapchat. Chamaremos a função e inseriremos o nome da empresa como um argumento na chamada da função.

Aqui está um exemplo:

quando executarmos este código, o seguinte será impresso:

em nosso Por exemplo, chamamos a função usando printCompany(), e a nomeamos entre parênteses. Portanto, agora podemos reutilizar nossa função várias vezes com nomes diferentes.

Deve-se notar que você pode usar quantos parâmetros quiser e referenciá-los em ordem. Usaremos um exemplo que mostra em ação abaixo.

Valores de retorno ‚Äã‚Äã

Em nossos exemplos até agora, não retornamos nenhum valor. Em vez disso, imprimimos texto no console. Mas, com uma função, podemos atribuir parâmetros a serem processados e, em seguida, retornar um valor com base no que está na declaração return.

Aqui está um exemplo de uma função que adiciona dois dígitos e nos dá o total:

Neste programa, nossa função é chamada e dois números são passados pela função. Quando esta função for executada, na última linha do nosso exemplo anterior, receberemos a resposta 3 em troca. Nossa lista de parâmetros é separada por vírgulas

O programa adicionou 1 e 2, com os nomes dos parâmetros first e seconds e os retorna ao código. Se quiser ver esses valores, podemos adicionar um console.log() ao redor da linha onde chamamos addNumbers (1, 2).

funções em

No ECMAScript 6, há uma maneira mais concisa de definir funções conhecidas como função de seta . Estes são representados pela seguinte expressão:. =>

Essas funções são um tipo de expressão de função. Vamos dar um exemplo para mostrar as funções de direção em ação:

Ao invés de escrever , podemos usar o sinal de seta para indicar que estamos proclamando uma função. Existem algumas diferenças sutis entre funções de direção e funções regulares, mas você não precisa conhecê-las para a maioria dos casos de uso.

, você não precisa de parênteses ao redor deles. E, se você não trabalha com nenhuma variável, você deve incluir um conjunto de colchetes vazios () onde suas variáveis seriam declaradas .