Categorias
Tecnologia

Tutorial Ionic 3 Como Adicionar Parâmetros na Função

Tutorial Ionic 3 Como Adicionar Parâmetros na Função.

Saber adicionar “parâmetros” nas funções é uma de uma utilidade impressionante para o aplicativo.

As funções – pequenos trechos de códigos, prontos para serem usados em vários lugares do App, é uma mão na roda.

Tutorial Ionic 3 Como Adicionar Parâmetros na Função: Funcionalidades

Se é muito bom para quem cria aplicativos, ter uma “função” disponível para ser usada em várias partes do App…

Quão útil seria se essa função fosse o mais flexível possível, ou seja, ela não vai apenas somar dois valores.

Precisamos de muito mais que isso.

Porém, por agora vamos caminhar apenas mais um pouco.

Tutorial Ionic 3 Como Adicionar Parâmetros na Função: Alterar a Função

Vamos pegar o exemplo do artigo Como Criar Função – Veja o artigo se quiser – já escrito aqui no blog onde tínhamos o seguinte Alerta:

public somaDoisNumeros(): void{
    alert(7 + 10);
}

Observando o código acima, ele irá emitir um alerta com o resultado de 17 na tela somando os dois valores.

A questão é: Eu não quero determinar o número exato, mas sim deixa-lo variável ou flexível.

Adotando o princípio de sempre colocar nomes que já falam o que a sua função deve fazer, eu vou acrescentar “num1 e num2”.

Além disso, vou tipar, ou seja, vou já dizer que deverá reconhecer apenas números para evitar a tentativa dele somar outros tipos de caracteres.

Fazendo isso, estarei praticando a política da boa programação, ou amarrando meus códigos para não permitir lixos.

Nos dizeres americanos, de onde vem a programação, a máxima é “Lixo Entra, Lixo Sai”, isto é: Se você deixa entrar lixo, lixo vai sair de seu App.

Então, ele vai pegar o num1 e o num2, mas eu já estou dizendo a ele que esses caracteres devem ser números. Assim:

public somaDoisNumeros(num1:number, num2:number): void{
    alert(7 + 10);
}

Vendo a imagem a cima, observem que que eu tinha “somaDoisNumeros()”, mas agora, como eu não sei quais são esses números, eu vou passar uma parâmetro para que o App reconheça automaticamente

> somaDoisNumeros(num1:number, num2:number)

Num1 foi o nome que dei a ele e logo avisei que seria “number”, ou seja, número.

Tutorial Ionic 3 Como Adicionar Parâmetros na Função: Alterar o Resultado

Os dois primeiros “parâmetros”, que anteriormente não tinha nenhum conteúdo, agora tem seus parâmetros, suas execuções a fazer.

Então, eu agora preciso alterar o conteúdo dos dois parâmetros seguintes.

Eu vou tirar o conteúdo “7 + 10” porque eu não sei quais são os números, e vou colocar num1 e num2. Veja a baixo:

public somaDoisNumeros(num1:number, num2:number): void{
     alert(num1 + num2);
}

ionViewDidLoad() {
      this.somaDoisNumeros();
}

Tutorial Ionic 3 Como Adicionar Parâmetros na Função: Alterando a ionView

Veja no código acima, apesar das alterações que já fizemos, ainda precisamos aprimorar.

No “ionViewDidLoad() precisa de alteração no this., pois anteriormente ele não esperava nenhum número, pois já havia determinado os valores no Alert mais acima.

então vamos colocar dois números na linha “this.somaDoisNumeros() para fechar os resultados.

Tutorial Ionic 3 Como Adicionar Parâmetros na Função: Código Completo

Veja agora como vai ficar seu código completo nesta imagem

Tutorial Ionic 3 Como Adicionar Parâmetros na Função

Salve seu código e vá até ao navegador com o comando na linha do Terminal ou do Prompt de Comando

$  ionic serve

Este é o artigo Tutorial Ionic 3 Como Adicionar Parâmetros na Função, feito de estudante para estudante.

Para ler sobre o Framework Ionic

Deixe uma resposta