Scribd
Carregar
4 visualizações16 páginas

08.2 - Introdução Ao Javascript Parte 6

O documento aborda a criação e uso de funções em JavaScript, destacando a importância de métodos para evitar a repetição de código. Ele explica como passar parâmetros para funções, a diferença entre variáveis locais e globais, e como retornar valores de funções. Além disso, menciona a possibilidade de definir valores padrão para parâmetros e o uso do comando 'return' para interromper a execução e retornar valores.

Enviado por

luizfellipy235
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
4 visualizações16 páginas

08.2 - Introdução Ao Javascript Parte 6

O documento aborda a criação e uso de funções em JavaScript, destacando a importância de métodos para evitar a repetição de código. Ele explica como passar parâmetros para funções, a diferença entre variáveis locais e globais, e como retornar valores de funções. Além disso, menciona a possibilidade de definir valores padrão para parâmetros e o uso do comando 'return' para interromper a execução e retornar valores.

Enviado por

luizfellipy235
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 16

Javascript parte 6

Flávio Motta

fl[email protected]
Métodos (funções)
● Frequentemente precisamos executar ações similares em vários lugares
de um script
● Funções permitem que código seja chamado diversas vezes sem
precisarmos copiar/colar
● Já vimos e usamos várias funções embutidas na linguagem, como
alert(mensagem), prompt(mensagem, padrão), String(cast) e
Number(cast).
● Podemos criar nossas próprias funções de acordo com a necessidade.
Métodos (funções)
● Repetições (while/for) nos permitem fazer a mesma coisa (executar o
mesmo código) várias e várias vezes. Porém, algumas vezes queremos
fazer a mesma coisa um monte de vezes, mas de lugares diferentes do
programa. Em situações como essa, é melhor escrever um método.

● Nosso programa não disse “mooooooo....” Por que não? Porque nós não o
mandamos fazer isso. Nós apenas dissemos como fazer para dizer
“mooooooo...”, mas nós nunca o mandamos fazer isso.
Métodos (funções)
● Para criar uma função, usamos uma declaração de função.
Parâmetros (nesse
Nome da função caso vazio)

Corpo da função
Declaração de função

● No exemplo acima, nós definimos o método diga Moo e o


usamos(chamamos) duas vezes. Nomes de método, assim como nomes
de variáveis, começam com uma letra minúscula.
Métodos (funções)
● Podemos passar informações para funções usando parâmetros (também
chamados de argumentos). No exemplo abaixo, a função tem dois
parâmetros: remetente e texto.

Código (Exemplo)
function exibirMensagem(remetente, texto) { Resultado
alert(remetente + ': ' + texto);
}
exibirMensagem('Flávio', 'Oi, Turma!'); Flávio: Oi, Turma!
exibirMensagem('João', 'Olá, tudo bem?'); João: Olá, tudo bem?

Quando a função é chamada, os valores dos argumentos são copiados


para as variáveis locais remetente e texto. Então a função usa essas
variáveis:
Métodos (funções)
● Métodos podem ser comparados com verbos, na língua portuguesa.
Exemplos de verbos:
○ Imprimir
○ Calcular
● Dessa forma, você pode imaginar os parâmetros como advérbios.
Exemplos de advérbios:
○ O bebê nasceu aqui.
○ O bebê nasceu ontem.
○ O bebê nasceu rapidamente.
Variáveis Locais
● No exemplo abaixo, temos a variável remetente sendo passada para
função. Observe que a função altera remetente, mas a mudança não é
vista fora da função, pois a função recebe uma cópia do valor.

Código (Exemplo)
function exibirMensagem(remetente, texto) { Resultado
remetente = '*' + remetente + '*';
alert(remetente + ': ' + texto);
} *João*: Tudo bem?
let remetente = 'Flávio' Flávio
exibirMensagem('João', 'Tudo bem?');
alert(remetente);
Variáveis Locais
● No programa seguinte existem duas variáveis:

Código (Exemplo) Resultado


function dobrar(numero) {
let numeroDobrado= numero * 2;
alert(`O dobro de ${numero} é ${numeroDobrado}`); O dobro de 22 é 44
} Uncaught ReferenceError:
dobrar(22); numeroDobrado is not defined
alert(numeroDobrado);

As variáveis estão localizadas dentro do método dobrar. Estas são variáveis


locais. Isso significa que elas vivem dentro do método e não podem sair. Se
você tentar,você terá um erro.
Variáveis Locais
● A mensagem de erro disse que a variável não foi definida. Na verdade,
nós definimos aquela variável, mas ela não foi definida em relação ao
local onde tentamos usá-la; ela é local ao método.

Código (Exemplo)
function dobrar(numero) { Resultado
let numeroDobrado= numero * 2;
alert(`O dobro de ${numero} é ${numeroDobrado}`); }
dobrar(22); O dobro de 22 é 44
alert(numeroDobrado); Uncaught ReferenceError:
numeroDobrado is not defined
Variáveis Locais
● Isso pode parecer inconveniente, mas é muito bom. Enquanto você não
tiver acesso a variáveis de dentro dos métodos, isso também quer dizer
que ninguém tem acesso às suas variáveis, e isso quer dizer que ninguém
pode fazer algo como isso:
Código (Exemplo)
function fazerAlgoCom(variavel) { Resultado
variavel= undefined;
alert('Tentei Alterar a Variável');
} Tentei Alterar a Variável
let variavel= 'Essa é Diferente da Outra'; Essa é Diferente da Outra
fazerAlgoCom(variavel);
alert(variavel);
Valores padrões
● Se nenhum valor é fornecido para uma função, então seu valor se torna
undefined. Por exemplo, a função exibirMensagem(remetente, texto)
pode ser chamada com apenas um argumento:

Código (Exemplo) Resultado


exibirMensagem('João'); João: undefined

Isso não é um erro. Não há texto, então é suposto que texto é undefined. Se
você quiser, nesse caso, pode especificar um valor padrão usando=:
Parâmetros
● Isso não é um erro. Não há texto, então é suposto que texto é undefined.
Se você quiser, nesse caso, pode especificar um valor padrão usando=:

Código (Exemplo)
function exibirMensagem(remetente, texto = 'sem texto') { Resultado
alert(remetente + ': ' + texto); João: sem texto
}
exibirMensagem(‘João’);

Isso não é um erro. Não há texto, então é suposto que texto é undefined. Se
você quiser, nesse caso, pode especificar um valor padrão usando=:
Retorno de Valores em Funções
● Uma função pode retornar um valor ao código que a chamou. O exemplo
mais simples seria uma função que retorna a soma de dois valores:

Código (Exemplo)
function somar(x,y) { Resultado
return x + y; 5
}
let resultado = somar(2,3);
alert(resultado)
Retorno de Valores em Funções
● O comando return, pode ser colocado em qualquer linha no corpo da
função.

● Quando a execução chegar nela, a função é interrompida e o valor é


retornado ao código que a chamou.

● Podem existir múltiplas ocorrências de return em uma função.


Retorno de Valores em Funções

Você também pode gostar