Introdução às variáveis em JavaScript
Antes de começar com a variável JavaScript, devemos saber o que o termo realmente significa. Em geral, variável significa algo que é mantido em constante mudança. Em termos de programação, a variável nada mais é do que a referência à memória na qual armazenamos algum valor. Temos três maneiras diferentes de declarar a variável atualmente. Cada um tem sua própria importância para usar. São os seguintes:
- var
- deixei
- const
Todos os três acima são palavras-chave em JavaScript. Em geral, temos que declarar uma variável com a palavra-chave var. Mais tarde, no ES2015 (EcmaScript 2015), introduzimos duas novas palavras-chave para declarar variáveis, como let e const. Ambos têm escopo de bloco. Mas, por enquanto, vamos nos concentrar na var.
Sintaxe para variáveis em JavaScript
A variável javascript vem com o escopo. O JavaSript possui dois escopos, local e global. Mais tarde, no ES2015, introduzimos o escopo do bloco.
Vamos nos concentrar em um escopo global e local. Qualquer variável declarada na parte superior do código não passa de global para todos. Qualquer pessoa pode acessá-lo. Por outro lado, a variável declarada dentro de qualquer função é local para essa função e não pode ser acessada de fora desse escopo.
Exemplo 1
Código:
var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
Resultado:
No exemplo acima, a variável color é uma variável global e o modelo da variável é uma variável local. O modelo de variável é local em seu escopo funcional. E não é acessível a partir do exterior. Se tentarmos fazê-lo, obteremos um erro. Vamos conferir.
Exemplo 2
Código:
var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
console.log(model);
Resultado:
Sintaxe da respectiva declaração
A sintaxe a seguir é para a respectiva declaração:
- Para var:
var variable_name; - Para let: nome da
let variable_name; - Para const:
const variable_name;
Regras para variáveis Javascript
Abaixo está a regra para a variável javascript:
- O nome da variável Javascript deve começar com o letter.range é az e AZ.
- Pode começar com $ e _.
- Variáveis Javascript não devem começar com um dígito.
- Podemos usar dígitos entre o nome. ex: house1
- O JavaScript diferencia maiúsculas de minúsculas. Portanto, a variável declarada como preço e Preço são diferentes.
- Os nomes de variáveis JavaScript não devem ter o nome ou as palavras-chave. Ex: variável const; isso não é permitido, pois const é uma palavra-chave.
Como as variáveis funcionam em JavaScript?
Variáveis JavaScript são baseadas em escopos. Vamos entender primeiro o que é escopo no JavaScript. JavaScript funciona em seu ambiente lexical. Algumas pessoas acham isso complicado, mas é direto:
- Vamos começar com a declaração da variável. Declarar variável nada mais é do que escrever o nome da variável. Em JavaScript, seguimos a regra para escrever var e depois de escrever var name da variável. O ponto e vírgula (;) é opcional em javascript. Mas é útil se você der e é recomendável uma maneira de fazê-lo. Dar ponto e vírgula dá a idéia de onde a declaração terminou.
Código:
var price;
- No exemplo acima, a palavra-chave é var e o nome da variável preço é um identificador. Se você estudou operadores em JavaScript, sabe que usamos o operador de atribuição (=) aqui. Qualquer nome que estamos dando à variável é conhecido como identificador em JavaScript.
- Qualquer valor fornecido no lado direito da atribuição é armazenado em uma variável que no lado esquerdo.
- É recomendável usar letras minúsculas para variáveis. Temos um caso de camelo para isso. Caixa inferior de camelo usada para variáveis.
- Agora chega da declaração do JavaScript. Vamos para a inicialização dessa variável.
- Inicialização de variável é o processo de atribuir valor a essa variável. Agora, surge a pergunta, qual valor? Temos tipos de dados em JavaScript? E a resposta é sim.
- JavaScript é uma linguagem dinâmica. Isso significa que não estamos declarando variáveis explicitamente com um tipo específico. O próprio compilador JavaScript digita coerção para o tipo de dados específico.
- Temos os tipos de dados Number, String, Boolean, Undefined e Null em JavaScript.
- O JavaScript tem uma convenção para atribuir valor a todas as variáveis que não são inicializadas. E esse valor é indefinido.
Código:
var price =10; //initializing variable with value of 10
- No exemplo acima, variamos que já está inicializado. E se não atribuirmos valor à variável? Vamos tentar o seguinte código no console JavaScript e ver o resultado.
Código:
var price;
console.log (price); //printing value to the console
Em JavaScript, estamos mostrando a saída no console com o método console.log, como mostrado acima.
Resultado:
Lembre-se de que o JavaScript faz distinção entre maiúsculas e minúsculas. Agora, vamos ver se atribuímos valor à variável e qual será a saída.
Código:
var price =10; // initialized variable with the value 10
console.log(price);
Resultado:
A variável declarante com a palavra-chave var pertence ao seu escopo global por padrão. Podemos declarar variáveis na mesma linha. Para isso, precisamos separar cada variável com uma vírgula (, ).
Além disso, a chave a ser anotada aqui é o valor da variável que é numérica não deve ser fornecida entre aspas. Se você fornecer o número entre aspas, JavaScript como string.
Exemplos em variáveis em JavaScript
Abaixo está um exemplo de variáveis em javascript:
Exemplo 1
O JavaScript var pode armazenar dados independentemente de seu tipo. Vamos verificar um exemplo disso.
Código:
var color = "black"; >
var car = "BMW";
var no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);
Resultado:
Exemplo 2
Podemos declarar acima de todas as variáveis na mesma linha, veja o código abaixo.
Código:
var color = "black", car = "BMW", no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);
Resultado:
Nós apenas separamos cada variável por vírgula e, ao mesmo tempo, inicializamos isso.
Exemplo 3
Agora, vimos declarar variáveis uma vez. O que acontece se declararmos novamente as variáveis? Veja o exemplo abaixo.
Código:
var color = "black";
var color;
console.log("The color is: " + color);
Resultado:
Mesmo se estamos declarando novamente a variável chamada cor aqui, ela não está perdendo seu valor. Isso nos dá preto como saída.
Conclusão
JavaScript é uma linguagem interpretada e de natureza dinâmica. Portanto, entender como funciona é muito importante. O escopo da variável é um aspecto muito importante ao aprender JavaScript.
Artigos recomendados
Este é um guia para variáveis em JavaScript. Aqui discutimos em detalhes o aprendizado profundo em javascript variável, com exemplos de sintaxe e aspectos importantes. Você também pode consultar nossos outros artigos relacionados para saber mais -
- Instruções condicionais em JavaScript
- Variáveis em c #
- Variáveis em Java
- Objetos JavaScript