Sintaxe básica do JavaScript: variáveis, tipos de dados, operadores e expressões
Bem-vindos de volta! Nesta aula, vamos mergulhar nos fundamentos da linguagem JavaScript, explorando a sintaxe básica, os tipos de dados, operadores e expressões. Prepare-se para desvendar os blocos de construção que darão vida aos seus scripts!
Variável
Imagine que você está organizando uma festa de aniversário e precisa convidar várias pessoas.
Para facilitar a identificação e interação com cada convidado, você atribui um nome a cada um deles. As variáveis em JavaScript funcionam de maneira semelhante.
Uma variável é como uma caixa onde você pode armazenar informações, como números, texto, listas de itens e até mesmo objetos complexos.
Essas informações podem ser usadas posteriormente em seu programa.
Para criar uma variável em JavaScript, você precisa primeiro declará-la usando a palavra-chave “var“, seguida pelo nome que você escolher para a variável.
Por exemplo, se você quiser criar uma variável chamada “idade”, pode fazer isso usando o seguinte código:
var idade;
Agora, você pode atribuir um valor à variável idade, como a idade de uma pessoa específica:
idade = 25;
Assim como na festa de aniversário, você pode alterar o valor da variável quantas vezes quiser, como quando a idade de alguém aumenta:
idade = 26;
Além disso, você também pode declarar e atribuir um valor à variável ao mesmo tempo, economizando linhas de código:
var nome = "João";
Aqui, a variável “nome” recebe o valor “João” imediatamente.
As variáveis em JavaScript são muito flexíveis, pois você pode armazenar diferentes tipos de dados nelas.
Por exemplo, você pode armazenar números inteiros, decimais, texto, listas de itens e muito mais.
Lembre-se de que as variáveis têm escopo, o que significa que elas só são visíveis dentro do bloco em que foram declaradas.
Por exemplo, se você declarar uma variável dentro de uma função, ela só será acessível dentro dessa função.
Em resumo, as variáveis em JavaScript são como caixas de armazenamento que você pode usar para guardar informações importantes.
Elas permitem que você atribua valores a essas informações e as utilize em seu programa.
Assim como na festa de aniversário, onde cada convidado tem um nome, as variáveis ajudam a identificar e trabalhar com dados específicos em seu código.
Tipos de dados
Imagine que você está organizando uma biblioteca e precisa categorizar os livros de acordo com seu conteúdo.
Cada livro pertence a um tipo específico, como romance, ficção científica, biografia, entre outros. Os tipos de dados em JavaScript funcionam de maneira semelhante.
Em JavaScript, existem vários tipos de dados que podem ser armazenados em variáveis. Cada tipo de dado tem características e comportamentos específicos.
- Números: Esses são os dados numéricos, como 1, 2, 3.14, etc. Você pode realizar operações matemáticas com eles, como soma, subtração, multiplicação e divisão.
- Strings: Esses são os dados de texto, como “Olá, mundo!” ou “JavaScript é divertido!”. Eles são sempre colocados entre aspas simples (”) ou duplas (“”). Você pode concatenar strings, ou seja, juntá-las, usando o operador de adição (+).
- Booleanos: Esses são dados que representam um valor verdadeiro ou falso. Por exemplo, a expressão 5 > 3 retorna true, enquanto a expressão 10 < 5 retorna false. Os booleanos são úteis para a tomada de decisões em programas.
- Arrays: Esses são conjuntos ordenados de valores. É como uma prateleira de livros, onde cada livro tem uma posição específica. Os elementos de um array são acessados através de índices numéricos, começando em 0.
- Objetos: Esses são conjuntos de propriedades e valores relacionados. Podemos pensar em um objeto como uma pessoa, que possui várias características, como nome, idade, altura, etc. Cada propriedade do objeto tem um nome e um valor associado.
- Null: Esse tipo de dado representa a ausência de valor. É diferente de um valor vazio ou indefinido. Por exemplo, se você ainda não atribuiu um valor a uma variável, ela será do tipo null.
- Undefined: Esse tipo de dado é atribuído automaticamente a uma variável que foi declarada, mas não recebeu nenhum valor.
Lembre-se de que, em JavaScript, as variáveis são dinâmicas, o que significa que você não precisa especificar explicitamente o tipo de dado ao declará-las.
O tipo de dado é inferido automaticamente com base no valor que você atribui à variável.
Em resumo, os tipos de dados em JavaScript são como categorias para classificar diferentes tipos de informações.
Assim como na biblioteca, onde os livros são classificados em categorias, os tipos de dados em JavaScript ajudam a organizar e trabalhar com diferentes tipos de informações em seu programa.
Operadores
Imagine que você está resolvendo um quebra-cabeça e precisa combinar peças para formar a imagem final. Os operadores em JavaScript funcionam de maneira semelhante, permitindo que você manipule valores e execute operações sobre eles.
Operadores Aritméticos
Esses operadores são usados para realizar operações matemáticas.
Eles incluem a adição (+), subtração (-), multiplicação (*), divisão (/) e o operador de resto (%).
Podemos pensar nesses operadores como as peças do quebra-cabeça que nos ajudam a calcular valores e realizar cálculos.
| Operador | Descrição | Exemplo |
| + | Soma | 5 + 3 = 8 |
| – | Subtração | 5 – 3 = 2 |
| * | Multiplicação | 5 * 3 = 15 |
| / | Divisão | 6 / 3 = 2 |
| % | Resto da divisão | 7 % 3 = 1 |
Operadores de Atribuição
Esses operadores são usados para atribuir valores a variáveis. O operador de atribuição básico é o sinal de igual (=), que atribui um valor à variável.
Por exemplo, x = 5 atribui o valor 5 à variável x. Além disso, existem operadores de atribuição combinados, como +=, -=, *= e /=, que realizam a operação matemática e atribuem o resultado à variável.
| Operador | Descrição | Exemplo |
| = | Atribuição | x = 5 |
| += | Soma e atribuição | x += 3 (x = x + 3) |
| -= | Subtração e atribuição | x -= 3 (x = x – 3) |
| *= | Multiplicação e atribuição | x *= 3 (x = x * 3) |
| /= | Divisão e atribuição | x /= 3 (x = x / 3) |
Operadores de Comparação
Esses operadores são usados para comparar valores e retornar um valor booleano (verdadeiro ou falso).
Eles incluem operadores de igualdade (==, ===), operadores de desigualdade (!=, !==), operadores de comparação (<, >, <=, >=) e operadores lógicos (&&, ||).
Podemos pensar nesses operadores como as peças que nos ajudam a verificar se duas peças do quebra-cabeça se encaixam ou se uma é maior que a outra.
| Operador | Descrição | Exemplo |
| == | Igual | 5 == “5” (true) |
| === | Estritamente igual | 5 === “5” (false) |
| != | Diferente | 5 != “5” (false) |
| !== | Estritamente diferente | 5 !== “5” (true) |
| > | Maior que | 5 > 3 (true) |
| < | Menor que | 5 < 3 (false) |
| >= | Maior ou igual que | 5 >= 5 (true) |
| <= | Menor ou igual que | 5 <= 3 (false) |
Operadores Lógicos
Esses operadores são usados para combinar valores booleanos e retornar um resultado booleano.
Os operadores lógicos incluem o operador de negação (!), o operador de conjunção (&&) e o operador de disjunção (||).
Podemos pensar nesses operadores como as peças que nos ajudam a combinar diferentes partes do quebra-cabeça para obter uma resposta final.
| Operador | Descrição | Exemplo |
| ! | Negação lógica | !true (false) |
| && | E lógico | true && false (false) |
| || | OU lógico | true || false (true) |
Operadores de Incremento e Decremento
Esses operadores são usados para aumentar ou diminuir o valor de uma variável em uma unidade.
O operador de incremento (++) aumenta o valor em 1, enquanto o operador de decremento (–) diminui o valor em 1.
Podemos pensar nesses operadores como as peças que nos permitem mover para a próxima ou anterior peça do quebra-cabeça.
| Operador | Descrição | Exemplo |
| ++ | Incremento | x++ (x = x + 1) |
| — | Decremento | x– (x = x – 1) |
Operadores de Concatenação
Esses operadores são usados para unir ou combinar strings. O operador de concatenação (+) nos permite juntar várias strings em uma única string.
Podemos pensar nesse operador como as peças que nos ajudam a formar frases completas juntando palavras.
| Operador | Descrição | Exemplo |
| + | Concatenação de strings | “Hello” + “World” (“HelloWorld”) |
Expressões
As expressões em JavaScript são combinações de valores, variáveis, operadores e chamadas de função que produzem um resultado.
Podemos pensar em expressões como instruções em forma matemática, onde realizamos cálculos ou operações para obter um valor final.
Uma analogia útil para entender as expressões é pensar em uma receita de bolo. Em uma receita, temos uma série de passos que envolvem ingredientes e instruções para obter um bolo delicioso.
Cada passo é como uma expressão, pois combina diferentes elementos para realizar uma ação específica.
Por exemplo, considere a seguinte expressão em JavaScript: 2 + 3 * 5. Podemos pensar nisso como uma receita que nos diz para multiplicar 3 por 5 e depois somar 2. O resultado dessa expressão seria 17.
Existem diferentes tipos de expressões em JavaScript, incluindo expressões aritméticas, expressões de atribuição, expressões de comparação e muito mais. Cada tipo de expressão possui sua própria sintaxe e regras de avaliação.
As expressões são fundamentais em programação, pois nos permitem realizar cálculos, tomar decisões com base em valores e manipular dados de várias maneiras.
Ao compreender as expressões, podemos criar lógica e funcionalidades em nossos programas de forma eficiente.
Em resumo, as expressões em JavaScript são combinações de valores, variáveis, operadores e chamadas de função que produzem um resultado.
Desafio:
- Crie um script JavaScript que solicita ao usuário seu nome e idade.
- Armazene o nome e a idade em variáveis.
- Utilize operadores para verificar se o usuário é maior de idade.
- Exiba uma mensagem personalizada no console de acordo com a idade do usuário.
Parabéns! Você deu mais um passo importante no aprendizado de JavaScript. Próxima aula vamos aprender: Comentários e boas práticas de codificação.
