Olá! Tuesday, 27 de June de 2017.



Dicas CódigoFonte.net
Friday, 27 de November de 2009

Variáveis em JavaScript

Existem dois tipos de sintaxe de declaração de variável em JavaScript que são:
 
var nome-da-variável = valor-da-variável;
ou
nome-da-variável = valor-da-variável;
 
Nota: O sinal de igual significa atribuição de valores, isto serve para qualquer linguagem de programação.
 
Dica: Utilizar a instrução var antes do nome da variável facilita na leitura do código.
 
Variáveis em JavaScript não possuem tantos recursos como na linguagem C, por exemplo, onde você tem os tipos de variáveis a serem declaradas como: int, char, float ... Em JavaScript só temos os seguintes tipos de variáveis: booleano, constante, null, object e function. Daqui a pouco falaremos mais sobre elas, primeiro vamos ver como declaramos números e strings.

  1. <script>
  2.     var valor1 = 10;
  3.     var valor2 = 3.14;
  4.     document.write(valor1 + " é um valor inteiro, já " + valor2 + " é um ponto flutuante!");
  5. </script>
  6.  
  7. <script>
  8.     var nome = "André";
  9.     var cidade = "Rio Claro";
  10.     document.write("Meu nome é " + nome + " e sou de " + cidade);
  11. </script>

Atenção: Perceba a diferença entre a declaração de um número para uma string:
 
Número:
var valor = 10;
String:
var nome = "André";

Quando declaramos uma string utilizamos aspas duplas (") ou simples ('). Você pode declarar número utilizando aspas, mas não é obrigatório.
 
Agora sim, vamos descrever cada tipo de declaração de variáveis em JavaScript.
 
Booleanos: Retorna verdadeiro ou falso (true/false). Exemplo:
  1. <script>
  2.     var nome = false;
  3.     if (nome == false) {
  4.         document.write("A variável booleana está <b>FALSA</b>.")
  5.     }else {
  6.         document.write("A variável booleana está <b>VERDADEIRA</b>.")
  7.     }
  8. </script>

Constante: Valor que não se altera no decorrer do código. Exemplo:
  1. <script>
  2.     const valor = 10;
  3.     document.write("O valor constante é " + valor);
  4. </script>
 
Atenção: Esse tipo de variável não funciona no Internet Explorer.
 
Null: A variável é vazia. Exemplo:
  1. <script>
  2.     var valor = '';
  3.     document.write("O valor é nulo: " + valor);
  4.     var valor = 10;
  5.     document.write("O valor era nulo agora é: " + valor);
  6. </script>
Object: São conhecidas como Object Array, que são uma lista de elementos. Exemplo:
  1. <script>
  2.     nome = new Array(3);
  3.     nome[0]="Andre ";
  4.     nome[1]="Mack ";
  5.     nome[2]="Nardy";
  6.     document.write("Meu nome é " + nome[0] + nome[1] + nome[2])
  7. </script>
 Function: Valor retornado de uma expressão. Exemplo:
  1. function exemplo(nome) {
  2.     document.write("Meu nome é: " + nome);
  3. }
  4.  
  5. <body>
  6.     <script>exemplo("André");</script>
  7. </body>
As variáveis são classificadas em dois tipos, em qualquer linguagem de programação, que são as globais e as locais. A diferença entre elas é:

  • Variável Global: Criada ou declarada fora de uma função, portanto podem ser utilizadas a qualquer momento no seu script.
  • Variável Local: Criada ou declarada dentro de uma função, portanto só podem ser utilizadas dentro da função criada.
Atenção: Variáveis Locais precisam da instrução var.
 
Veja o código abaixo, para perceber a diferença das duas variáveis na prática:
  1. <script>
  2.     var nome = "João";
  3.     document.write("Nome é " + nome + "");
  4.  
  5. function exemplo1() {
  6.     var nome = "André";
  7.     document.write("Nome é " + nome + "");
  8. }
  9. </script>
  10.  
  11.  
  12. <body>
  13.     <script>
  14.         exemplo1();
  15.         document.write(nome);
  16.     </script>
  17. </body>
Neste exemplo temos duas variáveis com o mesmo nome, var nome, uma fora e a outra na função. Veja que a variável que recebe o nome João é global, pois foi criada fora de uma função e depois é executa na tag body. Já a variável que recebe o nome André é local, pois foi criada dentro de uma função e pertence apenas a está função.

Até mais!

Enviado por: Andre

Comentários do artigo [Novo comentário]

juan francisco - 26 de February de 2012 - 14:23
Bom variavel , ira ajuda muita jente
marcelo silva de moraes - 15 de November de 2014 - 21:09
gostaria de saber porque esse meu código roda em apenas uma linha, porque ele não roda em todas as linhas do formulário?
agradeço!

<script language=javascript>
function calcular() {
var formulario = document.getElementById("formulario");
var valor1=+ formulario.valor1.value;
var valor2= +formulario.valor2.value;
var total1=+ formulario.total1.value;
var total=+ formulario.total1.value;
var sobra=+ formulario.sobra.value;
var valsobra= + formulario.valsobra.value;

var total1 =+ valor1*valor2;

formulario.total1.value=total1;

var valsobra=valor2*sobra;
formulario.valsobra.value=valsobra;
var total2=total1-sobra;
formulario.total2.value=total2;
douglas - 17 de September de 2015 - 19:11
Olá, gostaria de fazer só uma pequena correção no seu texto na primeira nota onde fala: "Nota: O sinal de igual significa atribuição de valores, isto serve para qualquer linguagem de programação." O sinal de = não serve como atribuição para toda linguagem. Em Pascal esse sinal significa que deve ser comparado dois valores, o comando de atribuição em Pascal é := . é uma erro sutil mas que pode mudar a vida de um programador iniciante. Gostei muito do site, textos bem explicados e coerentes, continua essa trabalho porque está muito bom.
Danilo Chaves de Paula - 01 de December de 2015 - 20:43
Tente assim
var total1=parseFloat(valor1)*parseFloat(valor2);
formulario.total2.value=total1.toString();
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010