Resumo : neste tutorial, você aprenderá sobre variáveis JavaScript e como usar variáveis para armazenar valores na aplicação.
Uma variável é um rótulo que faz referência a um valor como um número ou string. Antes de usar uma variável, você precisa declará-la.
Declarar uma variável
Para declarar uma variável, você usa a var
palavra-chave seguida do nome da variável da seguinte forma:
var message;
Linguagem de código: JavaScript ( javascript )
Um nome de variável pode ser qualquer identificador válido. Por padrão, a message
variável possui um valor especial undefined
se você não tiver atribuído um valor a ela.
Os nomes das variáveis seguem estas regras:
- Os nomes das variáveis diferenciam maiúsculas de minúsculas. Isso significa que
message
eMessage
são variáveis diferentes. - Os nomes das variáveis só podem conter letras, números, sublinhados ou cifrões e não podem conter espaços. Além disso, os nomes das variáveis devem começar com uma letra, um sublinhado (
_
) ou um cifrão ($)
. - Os nomes das variáveis não podem usar as palavras reservadas.
Por convenção, nomes de variáveis usam camelcase como message
, yourAge
, e myName
.
JavaScript é uma linguagem de tipagem dinâmica. Isso significa que você não precisa especificar o tipo da variável na declaração como outras linguagens de tipo estático, como Java ou C# .
A partir do ES6, você pode usar a let
palavra-chave para declarar uma variável como esta:
let message;
Linguagem de código: JavaScript ( javascript )
É uma boa prática usar a let
palavra-chave para declarar uma variável. Posteriormente, você aprenderá as diferenças entre palavras-chave var
elet
. E você não deve se preocupar com isso por enquanto.
Inicializar uma variável
Depois de declarar uma variável, você pode inicializá-la com um valor. Para inicializar uma variável, você especifica o nome da variável, seguido por um sinal de igual ( =
) e um valor.
Por exemplo, o seguinte declara a message
variável e a inicializa com uma string literal "Hello"
:
let message;
message = "Hello";
Linguagem de código: JavaScript ( javascript )
Para declarar e inicializar uma variável ao mesmo tempo, você usa a seguinte sintaxe:
let variableName = value;
Linguagem de código: JavaScript ( javascript )
Por exemplo, a instrução a seguir declara a message
variável e a inicializa com a string literal "Hello"
:
let message = "Hello";
Linguagem de código: JavaScript ( javascript )
JavaScript permite declarar duas ou mais variáveis usando uma única instrução. Para separar duas declarações de variáveis, você usa uma vírgula ( ,
) como esta:
let message = "Hello",
counter = 100;
Linguagem de código: JavaScript ( javascript )
Como JavaScript é uma linguagem de tipo dinâmico, você pode atribuir um valor de um tipo diferente a uma variável. Embora não seja recomendado. Por exemplo:
let message = 'Hello';
message = 100;
Linguagem de código: JavaScript ( javascript )
Alterar uma variável
Depois de inicializar uma variável, você pode alterar seu valor atribuindo um valor diferente. Por exemplo:
let message = "Hello";
message = 'Bye';
Linguagem de código: JavaScript ( javascript )
Variáveis indefinidas vs. variáveis não declaradas
É importante distinguir entre variáveis indefinidas e não declaradas.
Uma variável indefinida é uma variável que foi declarada, mas não foi inicializada com um valor. Por exemplo:
let message;
console.log(message); // undefined
Linguagem de código: JavaScript ( javascript )
Neste exemplo, a message
variável é declarada, mas não inicializada. Portanto, a message
variável é indefinida.
Por outro lado, uma variável não declarada é uma variável que não foi declarada. Por exemplo:
console.log(counter);
Linguagem de código: JavaScript ( javascript )
Saída:
console.log(counter);
^
ReferenceError: counter is not defined
Linguagem de código: JavaScript ( javascript )
Neste exemplo, a counter
variável não foi declarada. Portanto, acessá-lo causa um arquivo ReferenceError
.
Constantes
Uma constante contém um valor que não muda. Para declarar uma constante, você usa a palavra-chave const. Ao definir uma constante, você precisa inicializá-la com um valor. Por exemplo:
const workday = 5;
Linguagem de código: JavaScript ( javascript )
Depois de definir uma constante, você não poderá alterar seu valor.
O exemplo a seguir tenta alterar o valor da constante de dia útil para 4 e causa um erro:
workday = 2;
Erro:
Uncaught TypeError: Assignment to constant variable.
Linguagem de código: JavaScript ( javascript )
Posteriormente, você aprenderá que a const
palavra-chave na verdade define uma referência somente leitura para um valor no tutorial sobre constantes .
Resumo
- Uma variável é um rótulo que faz referência a um valor.
- Use a
let
palavra-chave para declarar uma variável. - Uma variável indefinida é uma variável que foi declarada, mas não inicializada, enquanto uma variável não declarada é uma variável que não foi declarada.
- Use a
const
palavra-chave para definir uma referência somente leitura para um valor.