Como declarar uma variável em JavaScript – var

July 4, 2014 · Posted in Introdução · 1 Comment 

No tutorial sobre o que é uma variável em JavaScript, vimos as inúmeras utilidades que podemos ter ao usar as variáveis.
Não é que elas sejam importante, são essenciais. É quase que impossível programar algum aplicativo útil que não venha a usar nenhuma variável.

Neste tutorial de nosso Curso de JavaScript, vamos aprender como declarar, criar uma variável em JS.

 

Como declarar uma variável em JavaScriptvar

Declarar uma variável é reservar memória para armazenar uma informação. Essa informação vai ficar associada a essa variável, e para podermos fazer isso temos que usar um comando especial, que diga ao JavaScript “Ei, essa é uma variável! Guarde ela!”.

Esse comando é dado por uma palavra chamada var.
Assim, para declararmos uma variável, fazemos: var nome ;

Ou seja, primeiro escrevemos a palavra “var” e depois escolhemos um nome pra nossa variável e depois usamos o ponto e vírgula.
Esse ponto e vírgula é danado pra gente esquecer.

Por exemplo, se você quiser criar uma variável para armazenar a idade do leitor de seu site, faça:
var idade;

Para armazenar o dia, de uma data: var dia;
O mês: var mes;
O ano: var ano;

 

Como declarar mais de uma variável em uma linha

Você também pode definir essas três variáveis numa mesma linha, basta separar cada nome por uma vírgula:
var dia, mes, ano;

Uma outra maneira de declarar variáveis, é da seguinte maneira:
var dia,
      mes,
      ano;

Ao declarar variáveis dessa maneira, apenas estamos reservando um espaço em memória, é como se disséssemos “Ei, JavaScript, reserva espaço para essas variáveis, depois vamos usar elas!”

Nos próximos tutoriais iremos aprender a armazenar números, letras, textos e outras informações em nossas variáveis.

 

Como escolher o nome de uma variável em JS

No decorrer de nosso Curso de JavaScript Online Grátis, você vai criar muitas, muitas variáveis.
Algumas vezes, vai querer chamar alguma delas de “a”, “b”, “x” ou “y”, pois é bem mais simples e fácil.

No começo, não vai ser nada demais e você vai se lembrar das variáveis.
Mas a medida que for programando, seus scripts passarão a ter dezenas, centenas ou mesmo milhares de linhas de código, e certamente você não vai mais se lembrar do nome de todas as variáveis, caso tenha escolhido essas letras simples como nome.

Quer armazenar a idade de alguém? Coloque a variável com nome “idade”.
Quer armazenar  uma mensagem de erro? Uso algo como “msg_error” como nome.
Vai armazenar o valor de um desconto em juros? Use “juros”, pois assim você vai facilmente se lembrar, e seu código vai ficar mais legível e fácil de ser entendido por outros desenvolvedores web.

 

Regras para declarar variáveis em JavaScript

Você que vai escolher os nomes de suas variáveis, e baseado na dica que demos, escolha sempre nomes que façam sentido, que tenham a ver com a informação que vai ser armazenada na variável.
Porém, isso não quer dizer que possa escolher todo e qualquer nome, existem algumas regras.

O nome de suas variáveis devem começar com uma letra, com o sinal de underline _ ou com o cifrão $.
Ou seja, não começar começar com número, nem hífen ou algum outro caractere.

Embora não possa iniciar o nome de caractere com número, você pode usar números no nome de sua variável:
var IP1, IP_2, $IP3 ;

Devemos lembrar que as variáveis, em JavaScript, são case sensitive, ou seja, letra minúscula difere de letra maiúscula.
Assim, a variável: var JS;
É diferente da variável: var js;

Por fim, a última regra é evitar palavras chave, palavras que são reservadas pelo JS, que são usadas para se programar em JavaScript. Por exemplo, a palavra var não pode ser usada como nome de uma variável, pois ela é usada para declararmos uma variável.

 

Lista de palavras reservadas

A seguir, uma lista de algumas palavras que são usadas pelo JavaScript, e que não podemos usar (como para declarar variáveis, por exemplo):

Palavras reservadas do JavaScript

  • break
  • case
  • catch
  • continue
  • debugger
  • default
  • delete
  • do
  • else
  • false
  • finally
  • for
  • function
  • if
  • in
  • instanceof
  • new
  • null
  • return
  • switch
  • this
  • throw
  • true
  • try
  • typeof
  • var
  • void
  • while
  • with

Palavras reservadas pelo browser

  • alert
  • blur
  • closed
  • document
  • focus
  • frames
  • history
  • innerHeight
  • innerWidth
  • length
  • location
  • navigator
  • open
  • outerHeight
  • outerWidth
  • parent
  • screen
  • screenX
  • screenY
  • statusbar
  • window

Palavras reservadas para propósitos futuros

As seguintes palavras são muito usadas em diversas linguagens de programação, e como o JavaScript continua sempre a evoluir, elas podem vir a ser usadas em breve, então também é bom evitar usá-las:

  • abstract
  • boolean
  • byte
  • char
  • class
  • const
  • double
  • enum
  • export
  • extends
  • final
  • float
  • goto
  • implements
  • import
  • int
  • interface
  • let
  • long
  • native
  • package
  • private
  • protected
  • public
  • short
  • static
  • super
  • synchronized
  • throws
  • transient
  • volatile
  • yield

Variável em JavaScript – O que é e Para que serve

July 3, 2014 · Posted in Introdução · 1 Comment 

Neste tutorial de nosso Curso de JavaScript, vamos introduzir um dos mais importantes conceitos, não só do JavaScript, mas da programação de uma maneira geral, que são as variáveis.

Vamos entender o que é uma variável, para que ela serve, onde é usada e motivo dela ser tão importante e essencial no desenvolvimento Web.
Por hora, vamos dar uma ideia mais geral sobre o que é variável, explicar seu conceito em termos de computação, para nos próximos artigos entramos em mais detalhes sobre os tipos de variáveis e, de fato, usá-las em nossos aplicativos JavaScript.

 

Variável em Programação

A Computação tem, basicamente, duas funções: fazer cálculos e armazenar informações.
A palavra computador bem de computar, que é contar, e é basiacmente isso que um computador fazer: cálculos.

Seja em uma pesquisa científica, uma troca de mensagens no Whatsapp ou a exibição de um site da internet, os computadores precisam fazer uma série de operações binárias em seu hardware, para resultar em pixels na sua tela, onde você vê o resultado acontecer.

Porém, só fazer essas operações binárias não serve de muita coisa, se os resultados desses cálculos não forem armazenados.
Imagine que a cada vez que você desliga seu computador ou celular, todas suas informações sejam apagas: textos, vídeos, fotos, arquivos etc. Isso é inconcebível, computador é usado também para armazenar informações.

O ato de armazenar dados, de uma maneira temporária (até desligar o computador ou fechar um programa) ou permanente (gravar dados em um HD ou servidor), é tão essencial e importante que isso é feito de maneira bem frequente em programação, através de variáveis.

Através de variáveis, vamos poder armazenar quaisquer tipos de informações, para ser acessadas, modificadas, alteradas ou mesmo excluídas futuramente, tudo decidido pelo programador.

 

Variáveis em JavaScript

Certamente você já se deparou com um jogo feito em JavaScript, e talvez nem tenha percebido.
Você joga uma partida, e marca 100 pontos.
Depois, joga novamente e marca 200, então esse passa a ser seu novo recorde.

Mas como o jogo sabe que 200 é seu novo recorde? Para saber isso, ele teria que saber que sua pontuação anteriar era menor que 200.
Ou seja, o número “100” foi armazenado pelo JavaScript em algum lugar, então quando você jogou de novo, sua nova pontuação foi comparada com essa anterior, para saber que seu record foi quebrado.

Você também já deve ter entrado em algum site que pedia seu nome, você digitava e depois ele exibia uma mensagem “Olá, Fulano”.
Ou seja, o Javascript guardou seu nome em algum lugar, para exibir no futuro.
Uma variável foi usada para armazenar o texto “Fulano”, que você escreveu. E depois, o JavaScript foi nessa variável, pegou as informações que tinha nela e exibiu para você o “Olá, Fulano”.

Em alguns sistemas bancários, é permitido fazer 3 saques por dia.
Então, de alguma maneira, o sistema tem que saber quantos saques foram feitos.
Inicialmente, ele armazena o número 0 em uma variável.

Quando você fizer um saque, ele atualiza aquela variável pra armazenar o número 1.
Efetuando outro saque, o sistema muda a variável para o número 2.
Mais uma vez, a variável é incrementada e armazena o número 3 quando você fizer mais um saque naquele dia.

Porém, sempre que você vai fazer um saque, o sistema checa essa variável.
Se tentar faz mais um, o sistema vai ver que número está armazenado na variável, e se for 3, ele não libera mais você para sacar novamente.

Enfim, poderíamos ficar muito mais tempo falando das inúmeras utilidades das variáveis.
No próximo tutorial iremos aprender como usar, manipular e editar as variáveis em JavaScript.