Fundamentos do trabalho com funções personalizadas em JavaScript

Agora vamos aprender a criar nossas próprias funções, que posteriormente poderão ser usadas da mesma forma que funções e métodos padrão do JavaScript. Vamos dar uma olhada na sintaxe para criar uma função.

Uma função é criada usando o comando function. Em seguida, após um espaço, vem o nome da função, parênteses, e depois chaves, dentro das quais é escrito algum código:

javascriptfunction func() {
  // algum código
}

Vamos ver um exemplo. Vamos fazer uma função com o nome func que, quando chamada, exibirá um ponto de exclamação:

javascriptfunction func() {
  console.log('!');
}

Agora vamos chamar nossa função. Para isso, é necessário escrever seu nome e parênteses:

javascriptfunction func() {
  console.log('!');
}

// Chamamos nossa função:
func(); // exibirá '!'

É possível chamar nossa função várias vezes - neste caso, cada chamada da função exibirá uma nova mensagem:

javascriptfunction func() {
  console.log('!');
}

func(); // exibirá '!'
func(); // exibirá '!'
func(); // exibirá '!'

As funções podem ser chamadas antes do local de sua definição:

javascriptfunc(); // exibirá '!'

function func() {
  console.log('!');
}