Article image
Vagner Bellacosa
Vagner Bellacosa20/06/2021 00:05
Compartilhe

Dia 3 – JAVASCRIPT: Variáveis

  • #Programação para Internet
  • #HTML
  • #JavaScript

Dia 3 – JAVASCRIPT: Variáveis

image

Missão no Dia 3 - Escreva um artigo sobre os principais tipos de variáveis da sua linguagem favorita

image

Bem-vindos ao terceiro artigo de nossa jornada de crescimento continuo explorando novas linguagens de programação, estudando e se divertindo com os parças nesta adorável gincana que é o Digital Innovation One. Seja bem vindo ao desafio 21 dias, 21 artigos. Evolua e seja ranqueado em nossa rede social.

Introdução

image

O tema de hoje, vamos explorar o Javascript e suas variáveis, a princípio pensei em falar de Cobol, PLI ou mesmo Natural, porém como são linguagens quase mortas, deixarei para uma próxima oportunidade onde iremos explorar o Mainframe.

Um dos maiores desafios quando se aprender uma linguagem de programação nova é onde fica tal variável, qual a sua sintaxe, o cérebro leva tempo para atualizar-se e sempre nos remete ao campo seguro, trazendo a sintaxe da linguagem anterior e nos confundido bastantao.

Sobre o JavaScript

image

Uma linguagem com quase 3 décadas, usadas em inúmeros equipamentos, presente ate onde você não imagina, evoluiu muito ao longo dos anos e a cada versão fica mais poderosa. A maior parte da sua sintaxe foi emprestado no Java, mas também recebeu muitos aportes de Awk, Perl e Python e é uma linguagem em constante evoluções surgindo novas actualizações através do ECMA Internacional.

Importante salientar que o JS é case-sensitive e usa a tabela de caracteres Unicode (em breve teremos um artigo sobre tabela ASCII e suas variantes).

Antes de entrarmos no tema variáveis, voltemos um pouco, os comandos de javascript funcionam dentro de blocos, do mais alto nível descendo para as sessões, por isso as variáveis podem ser locais (existem dentro de um bloco) e globais (existem no programa inteiro).

image Lembre-se sempre as estruturas de dados em Javascript : são compostas por tipos primitivos e compostos, sendo uma linguagem de tipagem dinâmica.

Declarações

image

Vamos apresentar os 3 tipos de declaração: var, let e const. Cada um servindo a seu propósito, que sejam, bem específicos a saber:

  • ·        Var : declara uma variável, podendo receber um valor inicial;
  • ·        Let : declara uma variável local de escopo do bloco, podendo receber um valor inicial;
  • ·        Const : declara uma constante de escopo de bloco, serve apenas como leitura.

image

Global Scope

Uma variável aceita e usada em todo o programa

Function Scope

A varia é aceite e usada apenas dentro da função.

Block Scope

A varia é aceite e usada apenas dentro do bloco.

Reassigned

A variável pode receber uma troca de valor no meio do processamento.

Hoisting

image

Em tempo de execuçao, toda variável é “elevada/içada” (hoisting) até o topo do seu contexto de execução. Esse mecanismo move as variáveis para o topo do seu escopo antes da execução do código. Assim evita-se erros de variavel nao declarada.

Variáveis

image

Cada empresa e instalação usa um padrão bem especifico para nomear variáveis, o JavaScript aceita letras e números, porem devem iniciar com letras,” _” underline ou “$” cifrão/dólar.

Olho vivo nao cai do burro

image

  • let a = 0;

representa um valor vazio (empty),

  • let b = null;

representa um valor nulo (null)

  • let c;

representa um valor indefinido (undefined)

image

Dica do tiozao: Normalmente utilizo duas letras para indicar o tipo de variável:


·        AX – Área auxiliar;

·        CT – Contador;

·        RG – registro;

·        FL – Flag;

·        AC – Acumulador;

·        Tt – Valor Total;

·        Me – Mensagens;


Não é obrigatório apenas auxilia na análise do código, quando for declarar variáveis, utilize nomes explicativos, numa manutenção ou mesmo em uma caça ao bug, ajuda muito na hora de analisar o código. Pense que um dia poderá estar em plena madrugada tentando solucionar um abend, sem previsão de entrega, com seu leader, clientes e usuários em seu cangote perguntando esta pronto?

Exemplo de nome de variáveis:


_variavel , $acumulador, Fl_EOF, AC_diasCorridos, RG_Nome, etc

Variáveis e seus Tipos de dados

image

O Javascript possui 6 tipos de dados primitivos

  • Seis tipos de dados são os chamados primitivos:
  • Booleantrue e false.
  • null. Uma palavra chave que representa o valor nulo.
  • undefined. Uma propriedade superior cujo valor é indefinido.
  • Number42 ou 3.14159.
  • String. "Mochileiro"
  • Symbol (novo em ECMAScript 6). Um tipo de dado cuja as instâncias são únicas e imutáveis.
  • Object


Uma vantagem do Javascript e aceitar a conversão implícita de variáveis, ou seja, ela aceita qualquer valor, podendo dar grandes rolos na hora de programar.


Quando necessário precisamos trabalhar com números complexos, para isso existem funções que convertem strings em números.


parseInt()
parseFloat()

 

Para evitar confusão informe a base quando for converter números inteiros.

Alguns exemplos de inteiros são:

0, 117 and -345 (decimal, base 10)
015, 0001 and -077 (octal, base 8)
0x1123, 0x00111 and -0xF1A7 (hexadecimal, "hex" or base 16)
0b11, 0b0011 and -0b11 (binário, base 2)

Pontos flutuantes usados para números com positivos/negativos e com muitas casas decimais.


3.1415926
-.123456789
-3.1E+12
.1e-23


Se é sua primeira visita, nao se assuste, ira utilizar cada tipo de acordo com a sua necessidade, para cada desafio, havera uma solução, por isso use e abuse das variáveis, codifique a vontade explore os limites, nao desanime ao primeiro bug, as vezes vale descansar um pouco e voltar ao problema mais tarde.


Arrays e Multiarrays


image


Variáveis caixa-box, onde podemos colocar inúmeros valores, podendo ser acessado usando índices e sua versão vitaminada o multiarray que coloca vários níveis dentro dos níveis.


Conclusão


Apesar de mais comedido, o range de variáveis existentes no JavaScripit são usadas em inúmeros programas sofisticado, não deixando nada a dever para linguagens mais robustas e com amplo leque de variáveis.

Espero ter ajudado neste pequeno city tour pelas variáveis do JS, convido o parça a explorar a linguagem codificando, use o Visual Code e sua consola de testes, o Google Chrome ou mesmo uma arquivo HTML.

Dica instale o Node.js e execute testes em linha de comando. Para descobrir mais dicas e aprender mais, visite meu repositório do Github.

E se interessar entre no desafio do meu Dojo Code de Javascripit.

[GitHub Vagner Bellacosa] (https://github.com/VagnerBellacosa)

[Dio Bootcamp]( https://github.com/VagnerBellacosa/DIO_Bootcamps)

Fique bem e bom curso a todos. Juntos somos mais fortes

Coding Dojo

🚀 Coding Dojo

https://web.dio.me/articles/coding-dojo

Saiba como participar do Desafio 21 Dias 21 Artigos

image

🚀 Como fazer o Desafio 21 dias 21 artigos ? @Desafio21DiasNaDIO

https://web.dio.me/articles/desafio-21-dias-21-artigos-desafio21diasnadio

🚀 Vencendo o Desafio 21 dias 21 artigos.

https://web.dio.me/articles/vencendo-o-desafio-21-dias-21-artigos

Espero ter ajudado ate o próximo artigo.

image Referência Bibliográfica

WIKIPEDIA - A Enciclopédia Livre, faça parte, ajude atualizando ou criando verbetes http://www.wikipedia.org

Google Books um repositório com milhões de livros digitalizados https://books.google.com/

Internet Archive, tudo aquilo que um dia foi publicado veio parar aqui. https://archive.org/

Biblioteca de ícones https://www.flaticon.com/

image

image Mais momento jabá, esse motoqueiro nao devia ter saído da cama, que azar danado, um acidente que viralisou no whatsapp, nao é para fracos, veja que absurdo de pe frio, visite meu vídeo e veja para onde fui desta vez: https://www.youtube.com/watch?v=BA_HPdi5qWk

Bom curso a todos.

image https://www.linkedin.com/in/vagnerbellacosa/

image https://github.com/VagnerBellacosa/

Pode me dar uma ajudinha no YouTube?

image https://www.youtube.com/user/vagnerbellacosa

#Desafio21DiasNaDIO

Compartilhe
Comentários (0)