Variáveis do JavaScript

Variáveis do JavaScript

Variáveis do JavaScript são recipientes para valores de dados.

Neste exemplo, x, y e z são variáveis:

Exemplo

var x = 7;
var y = 8;
var z = x + y;

Experimente Você Mesmo

No exemplo acima, você pode obter:

  • x armazena o valor 7
  • y armazena o valor 8
  • z armazena o valor 15

Semelhante à álgebra

Neste exemplo, price1, price2 e total são variáveis:

Exemplo

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

Experimente Você Mesmo

Na programação, semelhante à álgebra, usamos variáveis (por exemplo, price1) para armazenar valores.

Na programação, semelhante à álgebra, usamos variáveis em expressões (total = price1 + price2).

No exemplo acima, você pode calcular que o valor de total é 27.

Dica:Variáveis do JavaScript são recipientes para valores de dados.

Identificadores do JavaScript

Todos os identificadores do JavaScript variáveldeve começar comnomes únicosdoIdentificação.

Esses nomes únicos são chamados deIdentificador.

Os identificadores podem ser nomes curtos (como x e y), ou nomes mais descritivos (age, sum, totalVolume).

As regras gerais para construir nomes de variáveis (identificadores únicos) são:

  • Os nomes podem conter letras, números, sublinhados e símbolos de dólar
  • Os nomes devem começar com uma letra
  • Os nomes também podem $ e _ pode começar com (mas neste tutorial não faremos isso)
  • Os nomes são sensíveis a maiúsculas e minúsculas (y e Y são variáveis diferentes)
  • Palavras reservadas (como palavras-chave do JavaScript) não podem ser usadas como nomes de variáveis

Dica:Os identificadores do JavaScript são sensíveis a maiúsculas e minúsculas.

operador de atribuição

No JavaScript, o sinal de igual (=é um operador de atribuição, não um operador de 'igual a'.

Este ponto é diferente da álgebra. O código a seguir é impróprio na álgebra:

x = x + 5

No entanto, em JavaScript, isso é muito razoável: atribuir o valor de x + 5 a x.

（Calcular o valor de x + 5 e armazenar o resultado em x. O valor de x aumenta 5.)

Notas:O operador de "igual a" em JavaScript é ==.

Tipos de Dados do JavaScript

Variáveis JavaScript podem armazenar números, como 100, e valores de texto, como "Bill Gates".

Em programação, valores de texto são chamados de strings.

JavaScript pode lidar com vários tipos de dados, mas agora nos concentraremos em valores numéricos e strings.

As strings são cercadas por aspas duplas ou simples. Os números não precisam de aspas.

Se você colocar um número entre aspas, ele será considerado uma string de texto.

Exemplo

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

Experimente Você Mesmo

Declaração (criação) de variáveis JavaScript

Em JavaScript, a criação de variáveis é chamada de declaração de variáveis.

Você pode var Palavras-chave para declarar variáveis JavaScript:

var carName;

Após a declaração, a variável não tem valor. (Tecnicamente, seu valor é undefined。）

ParaAtribuiçãoPara atribuir um valor a uma variável, use o sinal de igual:

carName = "porsche";

Você pode atribuir um valor à variável ao declará-la:

var carName = "porsche";

No exemplo acima, criamos a variável chamada carName e atribuímos-lhe "porsche".

Então, no parágrafo HTML com id="demo", "imprimimos" esse valor:

Exemplo

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

Experimente Você Mesmo

Dica:

É uma boa prática declarar todas as variáveis no início do script!

Uma instrução, várias variáveis

Você pode declarar muitos variáveis em uma única instrução. var Como início de uma instrução, e comvírgulaSepara as variáveis:

var person = "Bill Gates", carName = "porsche", price = 15000;

Experimente Você Mesmo

A declaração pode estender-se por várias linhas:

var person = "Bill Gates",
carName = "porsche",
price = 15000;

Experimente Você Mesmo

Value = undefined

Em programas de computador, as variáveis declaradas geralmente não têm valor. O valor pode ser o conteúdo a ser calculado ou dados fornecidos posteriormente, como entrada de dados.

Variáveis sem valor, seu valor será undefined.

O valor da variável carName após a execução dessa sentença é undefined:

Exemplo

var carName;

Experimente Você Mesmo

Declaração repetida de variável JavaScript

Se declarar novamente uma variável JavaScript, seu valor não será perdido.

Após a execução dessas duas sentenças, o valor da variável carName permanece "porsche":

Exemplo

var carName = "porsche";
var carName;

Experimente Você Mesmo

Aritmética do JavaScript

Da mesma forma que a álgebra, você pode realizar operações aritméticas com variáveis JavaScript, usando = e + operadores como:

Exemplo

var x = 3 + 5 + 8;

Experimente Você Mesmo

As strings também podem usar o sinal de mais, mas as strings serão concatenadas:

Exemplo

var x = "Bill" + " " + "Gates";

Experimente Você Mesmo

Tente também este:

Exemplo

var x = "8" + 3 + 5;

Experimente Você Mesmo

Dica:Se o valor a ser adicionado for colocado entre aspas, os outros valores serão tratados como strings e concatenados.

Experimente agora este:

Exemplo

var x = 3 + 5 + "8";

Experimente Você Mesmo

Leitura Complementar

Tutorial Avançado de JavaScript: Sintaxe ECMAScript, Variáveis ECMAScript