Em JavaScript, uma variável é um contêiner que contém um valor. Variáveis ​​são usadas para armazenar valores de dados que podem ser posteriormente acessados ​​e manipulados dentro de um programa. Para criar uma variável em JavaScript, você precisa usar as palavras-chave “var”, “let” ou “const” seguidas do nome da variável.

Em palavras simples, na linguagem de programação variável é como uma caixa de papelão. Imagine que você queira embalar alguns livros dentro de uma caixa, você vai dar uma etiqueta para os livros da caixa e colocar os livros dentro dela. Da mesma forma em javascript usamos a palavra-chave “var”, “let” e “const” para declarar uma variável (caixa de papelão) e dar um nome a ela e colocar alguns dados (livros) dentro dela.

Estaremos cobrindo as palavras-chave “ let ” e “ const ”, “ var ” é como “ let ”, mas let é a maneira moderna. Aprenderemos a diferença entre var e let no futuro

Vamos aprender vendo alguns exemplos práticos

Declarando uma variável em javascript

Primeiro, usamos a palavra-chave let ou const e damos um nome à variável, esta etapa é chamada de declaração de variável.

Aqui estamos usando a palavra-chave “let” para declarar uma variável e dando a ela um nome de idade

let age;

let age;
    age = 25;

Também podemos declarar uma variável e atribuir valor a ela em uma única linha

let age = 25;

Podemos declarar várias variáveis ​​de várias maneiras

let name = "som";
let age = 25;
let city = "mumbai";
let name = "som" , age = 25 , city = "mumbai";
let name = "som",
    age = 25,
    city = "mumbai";

Seguindo em frente,

Como você pode ver, usamos apenas a palavra-chave let até agora, agora vamos usar a palavra-chave const e aprender a diferença entre let e const.

Em JavaScript, a principal diferença entre “ let ” e “ const ” é sua mutabilidade.

A palavra-chave “ let ” é usada para declarar variáveis ​​mutáveis ​​ou modificáveis. Isso significa que o valor de uma variável declarada com “let” pode ser reatribuído ou modificado.

Exemplo

let age = 25;
    age = 26;
// now our variable age stores value 26 inside it

const age = 25;
      age = 26;
// it will give an error because values for variable declared using const can not changed

const name;
      name = "som";  // this is wrong, it will give error

const name = "som";  // this is correct

Mover dados entre variáveis

Também podemos mover/copiar dados entre múltiplas variáveis

let city = "mumbai";
let newCity = city;

// Now our variable newCity has the value "mumbai" inside it.

let name = "som";
let name = "rahul"; 
// it will give error because we can not declare variable again

let name = "som";
    name = "rahul";
// this is correct way, as we are calling the variable not declaring again

Convenções de nomenclatura de variáveis

Estas são três regras que precisamos seguir

• Um nome de variável deve conter apenas letras, números e símbolos $ e _
• Um nome de variável não pode começar com o número
• Um nome de variável não pode ser as palavras de reserva do javascript (como let, const, for, object, function etc)

//  correct ways
let name = "som";
let $name = "som";
let name_ = "som";
let name25 = "som";

// incorrect ways
let 25name = "som";  // starting with number
let full-name = "som"; // only _ and $ symbol are allowed
let let = "som"; // reserved word let can not be a variable name

let fruit = "apple";
let Fruit = "banana";
let FRUIT = "kiwi";
// all these are different variables

let fullName = "som gupta";
// In camelCase, first letter should be lowercase and first letter of second
   word should be uppercase

// we can also use _ for multi name variable
let full_name = "som gupta";

// but camelCase is the best practice to use multi word variable

let name = "som";
let age = 27;
let city = "mumbai";

// do not use variable names like x ,y ,z or var1 , var2 , var3.
let x = "som";
let y = 27;
let z = "mumbai";

// Always give variables meaningfull name

Você finalmente aprendeu sobre as variáveis ​​em javascript.

vamos fazer um resumo rápido

primeiro, aprendemos sobre variáveis ​​que uma variável é um “armazenamento nomeado” para dados, então aprendemos sobre a declaração de variável e a atribuição de um valor a ela. Também aprendemos sobre a diferença entre const e let. Na última seção, aprendemos sobre as convenções de nomenclatura para variáveis ​​javascript.

Revisão

// declaring variable using let and const
const name = "som";
let age = 25;

// changing variable value
const animal = "cat";
      animal = "dog" // error, can't change variable value for const
let paws = 5;
    paws = 6; // we can change value for let 

// copying value from one variable to another
let girlfriend = "akshata";
let wife = girlfriend; // now variable wife has value "akshata"

// declaring same variable again 
let fruit = "apple"
let fruit = "banana" // error , because can't redeclare variable again

Instead

let fruit = "kiwi";
    fruit = "mango"; 

// Variable naming conventions
correct ways
let name = "som";
let age = 27; 
let city = "mumbai";
let $ = "money";

incorrect ways
let 78name = "som"; 
let full-name = "som gupta";
let const = "mumbai"; 

Muito obrigado pela leitura.