Pular para o conteúdo principal

JS - Variáveis e tipos de dados

Antes de mais nada precisamos ter em mente que uma variável é uma área em memoria capaz de armazenar por tempo determinado um valor, sendo que esse valor pode ser de diferentes tipos, de acordo com a necessidade da aplicação.

As variáveis são identificadas por um nome, sendo por meio desse nome que os valores são manipulados.

Agora que temos uma ideia do que vem a ser uma variável vamos começar a testar, como dito anteriormente, nossas variáveis podem ter tipos específicos e no Javascript realizamos essa declaração a partir da atribuição do valor, ou seja, ao colocar um valor em uma variável estamos dizendo que essa variável é do mesmo tipo do valor sendo atribuído, logo, quando atribuímos um numero para uma variável essa passa a ser do tipo numérico.

Agora aos exemplos (na duvida de como testar, veja aqui uma opção simples), primeiro iremos declarar uma variável:
Se analisarmos a imagem anterior vemos a palavra reservada "var", que é quem indica a criação de uma variável, seguida do nome "minhaVariavel", que é o nome de nossa variável de teste. Nesse primeiro momento nossa variável não tem valor, ou seja, esta indefinida.

Nosso próximo passo vai ser atribuir um valor a variável recém criada:
Agora podemos verificar que para atribuir um valor usamos um novo operador, o "=", onde do lado esquerdo temos o nome de nossa variável, no centro o operador de atribuição e a direita temos o valor atribuído. Independente do tipo de dados a lógica para a atribuição de dados é sempre a mesma.

Nosso exemplo anterior foi com um numero, mas também pode ser:
  • string: cadeia de caracteres, sempre entre aspas duplas ou apostrofo, usamos esse tipo para armazenar nomes, descrições, etc.; 
    • > var texto = 'Adamastor Pedrada'
  • boolean: valores booleanos, true ou false (verdadeiro/falso), usamos esse tipo para definir o estado de uma informação, componente, etc.;
    • > var habilitado = true
  • null: variável sem valor;
    • > var semValor = null
  • undefined: ausência de valor;
    • var ausenciaValor = undefined
  • object: estrutura com características (propriedades) e ações (métodos);
    • > var pessoa = { nome: 'Adamastor', sobrenome: 'Pedrada' }
  • array: estrutura capaz de armazenar uma sequencia de valores, que podem ser acessados por meio de suas posições (índice base 0);
    • > var idades = [10, 22, 34, 45, 56]
Nas próximas postagens entraremos em mais detalhes sobre variáveis.



Comentários

Mais visitadas

Listar arquivos existentes em diretório (Delphi)

Mostraremos uma maneira simples e prática para listar o conteúdo de um diretório com a opção de incluir nessa listagem os arquivos de seus subdiretórios. No exemplo abaixo temos um Edit para receber o diretório a ser pesquisado um CheckBox para indicar se os subdiretórios entrarão na pesquisa um botão para efetuar a pesquisa e um Memo para listar os arquivos encontrados, no final um Edit que receberá o cálculo final (em bytes) da soma do tamanho dos arquivos. procedure TForm1.Button1Click(Sender: TObject); begin   tamanhoTotal := 0;   memLista.Lines.Clear;   ListarArquivos(edtDiretorio.Text, chkSub.Checked);   Edit1.Text := IntToStr( tamanhoTotal ); end; procedure TForm1.ListarArquivos(Diretorio: string; Sub:Boolean); var   F: TSearchRec;   Ret: Integer;   TempNome: string; begin   Ret := FindFirst(Diretorio+'\*.*', faAnyFile, F);   try     while Ret = 0 do ...

Limpando objetos dinamicamente (Delphi)

  Muitas vezes nos deparamos com situações onde devemos remover o conteúdo de determinados objetos, como por exemplo Edits ou mesmo Labels e dependendo da complexidade da tela setar manualmente cada campo pode ser trabalhoso.Sendo assim mostraremos hoje como montar um esquema automático e genérico para esse caso:   procedure TForm1.Button1Click(Sender: TObject);  procedure LimparEdits(AControl: TComponent); var    vLoop: Integer; begin     { ComponentCount retorna a qtde de componentes que o parent é o AControl, ou seja, somente os componentes que     estão ligados a ele }     for vLoop := 0 to AControl.ComponentCount-1 do      begin                                         ...

Aplicação Flask usando Nginx e Gunicorn

Aplicação Flask usando Nginx e Gunicorn Se você já desenvolveu uma aplicação Flask básica, sabe que o servidor de desenvolvimento embutido não é ideal para produção. Ele não é projetado para lidar com altos volumes de tráfego ou conexões simultâneas. Para tornar sua aplicação Flask mais robusta e pronta para produção, podemos usar o Gunicorn como servidor de aplicação e o Nginx como proxy reverso. Neste artigo, vamos adaptar o exemplo anterior ( Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker ) para incluir o Nginx e o Gunicorn. O que são Nginx e Gunicorn? Gunicorn O Gunicorn (Green Unicorn) é um servidor de aplicação WSGI que roda aplicações Python como o Flask. Ele é eficiente e simples de configurar, lidando com múltiplas requisições ao mesmo tempo, algo que o servidor embutido do Flask não faz bem. Nginx O Nginx é um servidor web que atua como um proxy reverso. Ele recebe requisições HTTP e as encaminha ao Gunicorn. Além disso, o Nginx pode: Servir arquivos ...