---

Opa seres, estou começando a estudar JavaScript e decidi que irei postar todas as minhas anotações aqui, tanto para que mais pessoas possam utilizar o contúdo produzido, quanto para armazenar ele.

---

Opa, tudo bom? olha eu aqui novamente falando sobre JavaScript, dessa vez, eu irei falar sobre as funções, e é necessario que possua alguns conhecimentos de Variaveis, Objetos e Arrays. Eles são assuntos que eu já fiz post, então sem mais delongas vamos lá.

Funções

Mas afinal o que são funções? Funções nada mais são do que regiões do nosso codigo, ou partes do nosso codigo que iram realizar alguma tarefa especifica. Por exemplo, eu tenho um sistema de registro e login de usuario, e para que esse sistema funcione adequadamente, preciso de uma função que verifica se esse usuario já existe, e caso ele exista verifica se o email e senha estão corretos, e para isso iremos programar uma função, que tem a função de verificar isso. :)

Declarando Uma Função

Para declarar uma variavel utilizamos var, let ou const e para declarar uma função utilizamos a keyword (palavra reservada) function.

Uma função possui o seguinte formato:

function NomeDaFunção(LocalDosParametrosDaFunção){
    LocalDoConteudoDaFunção
}

Um exemplo que podemos utilizar é criar uma função para comprimentar o usuario dizendo "Bom Dia", e fazemos isso dessa maneira:

function greet(){
    console.log('Bom Dia')
}

Esse codigo significa que, quando a função greet for chamada, ela mostrará no console a mensagem Bom Dia. Lembrando ela não está retornando a mensagem, mas sim mostrando no console a mensagem.

Agora para rodar esse codigo, ao invés de utilizar o console.log(greet) iremos utilizar o nome da função, como se pode observar abaixo:

greet()

---

Bem como foi possivel perceber não utilizamos nenhum parametro para realizar essa tarefa, mas agora iremos utilizar um parametro. Bem parametros, são regras, principios e padrão, então iremos definir um padrão para a função.

function greet(name){
    console.log('Bom dia, '+ name)
}

Nesse código a cima criamos novamente a função greet, mas dessa vez ela tem o parametro name, e após isso, pedimos para que quando a função greet for chamada, seja mostrado no console a mensagem 'Bom Dia, '+ name. O parametro name ainda não foi definido, para definir ele vamos executar o código com o nome da função, e dentro dos parenteses, dessa vez colocaremos o valor que ira substituir o parametro name, por exemplo:

function greet(name){
    console.log('Bom dia, '+ name)
}

greet('daniel')

Será mostrado no console:

Bom dia, daniel

---

Caso chame uma função sem colocar um parametro que está definido, ele retornará o conteudo dá função + indefinido:

function greet(name){
    console.log('Bom Dia, ' + name)
}
greet()

Ele retornará:
Bom dia, indefinido

Pois o parametro name, é algo que não foi definido, mas podemos colocar um valor padrão para o paramentro name dessa forma:

function greet(name = 'Usuario'){
    console.log('Bom dia, ' + name)
}
greet()

Dessa forma colocamos o parametro name com o valor usuario por padrão, dessa forma ele será executado, assim:

greet()

Resultado:
Bom dia, Usuario

---

Mas isso não me impede de colocar um valor para o parametro na hora de executar o codigo:

greet()

Será executado:
Bom dia, Usuario

greet('Daniel')

Será executado:
Bom dia, Daniel

---

Também podemos fazer com que a função retorne um valor, com a pripriedade return

function greet(name = 'Usuario'){
    return 'Bom Dia' + name
}

Com isso podemos utilziar o console.log:

console.log(greet())

(Caso tenha alguma duvida, algum erro encontrado ou observações deixe nos comentarios)