Variáveis ​​e constantes de JavaScript

Neste tutorial, você aprenderá sobre variáveis ​​e constantes JavaScript e também como inicializá-las e usá-las com a ajuda de exemplos.

Variáveis ​​JavaScript

Na programação, uma variável é um contêiner (área de armazenamento) para armazenar dados. Por exemplo,

let num = 5;

Aqui, numestá a variável que contém o número 5.

JavaScript Declare Variables

Em JavaScript, usamos palavras-chave vare letpara declarar variáveis. Por exemplo,

 var x; let y;

Aqui, x e y são variáveis.

JavaScript var Vs let

Ambos vare letsão usados ​​para declarar variáveis. No entanto, existem algumas diferenças entre eles.

var deixei
var é usado nas versões mais antigas do JavaScript leté a nova forma de declarar variáveis ​​a partir do ES6 (ES2015) .
var tem escopo de função (será discutido em tutoriais posteriores). let tem escopo de bloco (será discutido em tutoriais posteriores).
Por exemplo, var x; Por exemplo, let y;

Nota: É recomendável usar em letvez de var. No entanto, existem alguns navegadores que não são compatíveis let. Visite JavaScript e suporte ao navegador para saber mais.

Variáveis ​​de inicialização de JavaScript

Usamos o operador de atribuição =para atribuir um valor a uma variável.

 let x; x = 5;

Aqui, 5 é atribuído à variável x.

Você também pode inicializar variáveis ​​durante sua declaração.

 let x = 5; let y = 6;

Em JavaScript, é possível declarar variáveis ​​em uma única instrução.

 let x = 5, y = 6, z = 7;

Se você usar uma variável sem inicializá-la, ela terá um undefinedvalor.

 let x; // x is the name of the variable console.log(x); // undefined

Aqui x é o nome da variável e, como não contém nenhum valor, será indefinido.

Você aprenderá sobre undefinede outros tipos de dados no próximo tutorial em detalhes.

Mudar o valor das variáveis

É possível alterar o valor armazenado na variável. Por exemplo,

 // 5 is assigned to variable x let x = 5; console.log(x); // 5 // vaue of variable x is changed x = 3; console.log(x); // 3

O valor de uma variável pode variar . Daí a variável de nome .

Regras para nomear variáveis ​​JavaScript

As regras para nomear variáveis ​​são:

  1. Os nomes das variáveis ​​devem começar com uma letra, um sublinhado _ou o cifrão $. Por exemplo,
     //valid let a = 'hello'; let _a = 'hello'; let $a = 'hello';
  2. Os nomes das variáveis ​​não podem começar com números. Por exemplo,
     //invalid Let 1a = 'hello'; // this gives an error
  3. JavaScript diferencia maiúsculas de minúsculas. Portanto, y e Y são variáveis ​​diferentes. Por exemplo,
     let y = "hi"; let Y = 5; console.log(y); // hi console.log(Y); // 5
  4. Palavras-chave não podem ser usadas como nomes de variáveis. Por exemplo,
     //invalid let new = 5; // Error! new is a keyword.

Notas:

  • Embora você possa nomear as variáveis ​​da maneira que quiser, é uma boa prática dar um nome descritivo à variável. Se você estiver usando uma variável para armazenar o número de maçãs, é melhor usar maçãs ou numberOfApples em vez de x ou n.
  • Em JavaScript, os nomes das variáveis ​​são geralmente escritos em camelCase se houver várias palavras. Por exemplo, firstName, AnnualSalary, etc.

Constantes JavaScript

A constpalavra-chave também foi introduzida na versão ES6 (ES2015) para criar constantes. Por exemplo,

 const x = 5;

Depois que uma constante é inicializada, não podemos alterar seu valor.

 const x = 5; x = 10; // Error! constant cannot be changed. console.log(x)

Simplesmente, uma constante é um tipo de variável cujo valor não pode ser alterado.

Além disso, você não pode declarar uma constante sem inicializá-la. Por exemplo,

 const x; // Error! Missing initializer in const declaration. x = 5; console.log(x)

Nota: Se você tiver certeza de que o valor de uma variável não mudará ao longo do programa, é recomendável usar const. No entanto, existem alguns navegadores que não são compatíveis const. Visite o suporte do navegador const JavaScript para saber mais.

Agora que você conhece as variáveis, aprenderá sobre os diferentes tipos de dados que uma variável pode armazenar no próximo tutorial.

Artigos interessantes...