Tutorial de JS

JS HOME Introdução JS JS Para onde Saída JS Declarações JS Sintaxe JS Comentários JS Variáveis ​​JS JS Let JS Const Operadores JS JS Aritmética Atribuição de JS Tipos de dados JS Funções JS Objetos JS Eventos JS Strings JS Métodos de string JS Pesquisa de String JS Modelos de String JS Números JS Métodos de número JS Matrizes JS Métodos de matriz JS Classificação de matriz JS Iteração de matriz JS Const da matriz JS Datas JS Formatos de data JS Métodos de obtenção de data JS Métodos de conjunto de datas JS JS Math JS Aleatório JS Booleanos Comparações JS Condições JS Interruptor JS Circuito JS para JS Loop Para Entrada JS Loop Para De JS Loop Enquanto Quebra de JS Iteráveis ​​JS Conjuntos JS Mapas JS Tipo JS de Conversão de tipo JS JS bit a bit JS RegExp Erros JS Escopo JS Içamento JS Modo estrito JS JS esta palavra-chave Função de seta JS Classes JS JS JSON Depuração JS Guia de estilo JS Práticas recomendadas de JS Erros de JS Desempenho JS Palavras reservadas JS

Versões JS

Versões JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Histórico de JS

Objetos JS

Definições de objeto Propriedades do objeto Métodos de objeto Exibição de objetos Acessadores de objetos Construtores de objetos Protótipos de Objetos Iteráveis ​​de objeto Conjuntos de objetos Mapas de objetos Referência do objeto

Funções JS

Definições de função Parâmetros de função Invocação de função Chamada de Função Função Aplicar Fechamentos de Função

Classes JS

Introdução à aula Herança de classe Classe Estática

JS Assíncrono

Retornos de chamada JS JS Assíncrono Promessas JS JS Async/Aguardar

JS HTML DOM

Introdução ao DOM Métodos DOM Documento DOM Elementos DOM HTML DOM Formulários DOM CSS DOM Animações DOM Eventos DOM Ouvinte de eventos DOM Navegação DOM Nós DOM Coleções DOM Listas de nós DOM

BOM do navegador JS

Janela JS Tela JS Localização JS Histórico de JS Navegador JS Alerta pop-up JS Temporização JS Cookies JS

APIs da Web JS

Introdução à API da Web API de formulários da Web API de histórico da web API de armazenamento da Web API do trabalhador da Web API de busca da Web API de geolocalização da Web

JS AJAX

Introdução AJAX AJAX XML Http Solicitação AJAX Resposta AJAX Arquivo XML AJAX PHP AJAX ASP AJAX Banco de dados AJAX Aplicativos AJAX Exemplos AJAX

JS JSON

Introdução JSON Sintaxe JSON JSON x XML Tipos de dados JSON Análise JSON JSON Stringify Objetos JSON Matrizes JSON Servidor JSON JSON PHP HTML JSON JSON JSONP

JS x jQuery

Seletores jQuery HTML jQuery jQuery CSS jQuery DOM

Gráficos JS

Gráficos JS Tela JS JS Plotly JS Chart.js JS Google Chart JS D3.js

Exemplos JS

Exemplos JS JS HTML DOM Entrada HTML JS Objetos HTML JS Eventos HTML JS Navegador JS Editor JS Exercícios JS Teste JS Certificado JS

Referências JS

Objetos JavaScript Objetos HTML DOM


Sintaxe JavaScript

A sintaxe JavaScript é o conjunto de regras, como os programas JavaScript são construídos:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

Valores JavaScript

A sintaxe JavaScript define dois tipos de valores:

  • Valores fixos
  • Valores variáveis

Os valores fixos são chamados de Literais .

Os valores das variáveis ​​são chamados de Variáveis .


Literais JavaScript

As duas regras de sintaxe mais importantes para valores fixos são:

1. Os números são escritos com ou sem decimais:

10.50

1001

2. Strings são textos, escritos entre aspas duplas ou simples:

"John Doe"

'John Doe'


Variáveis ​​JavaScript

Em uma linguagem de programação, as variáveis são usadas para armazenar valores de dados.

JavaScript usa as palavras-chave vare letpara constdeclarar variáveis .

Um sinal de igual é usado para atribuir valores a variáveis.

Neste exemplo, x é definido como uma variável. Então, x é atribuído (dado) o valor 6:

let x;
x = 6;

Operadores JavaScript

JavaScript usa operadores aritméticos ( + - * /) para calcular valores:

(5 + 6) * 10

JavaScript usa um operador de atribuição ( =) para atribuir valores a variáveis:

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

Expressões JavaScript

Uma expressão é uma combinação de valores, variáveis ​​e operadores, que calcula um valor.

O cálculo é chamado de avaliação.

Por exemplo, 5 * 10 resulta em 50:

5 * 10

As expressões também podem conter valores de variáveis:

x * 10

Os valores podem ser de vários tipos, como números e strings.

Por exemplo, "John" + " " + "Doe", é avaliado como "John Doe":

"John" + " " + "Doe"

Palavras-chave JavaScript

Palavras- chave JavaScript são usadas para identificar ações a serem executadas.

A palavra- letchave diz ao navegador para criar variáveis:

let x, y;
x = 5 + 6;
y = x * 10;

A palavra- varchave também informa ao navegador para criar variáveis:

var x, y;
x = 5 + 6;
y = x * 10;

Nestes exemplos, usar var ou letproduzirá o mesmo resultado.

Você aprenderá mais sobre var e letposteriormente neste tutorial.


Comentários JavaScript

Nem todas as instruções JavaScript são "executadas".

Código após barras duplas //ou entre /*e */é tratado como um comentário .

Os comentários são ignorados e não serão executados:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

Você aprenderá mais sobre comentários em um capítulo posterior.


Identificadores/Nomes JavaScript

Identificadores são nomes JavaScript.

Os identificadores são usados ​​para nomear variáveis, palavras-chave e funções.

As regras para nomes legais são as mesmas na maioria das linguagens de programação.

Um nome JavaScript deve começar com:

  • Uma letra (AZ ou az)
  • Um cifrão ($)
  • Ou um sublinhado (_)

Os caracteres subsequentes podem ser letras, dígitos, sublinhados ou cifrões.

Observação

Números não são permitidos como o primeiro caractere em nomes.

Dessa forma, o JavaScript pode distinguir facilmente os identificadores dos números.


JavaScript diferencia maiúsculas de minúsculas

Todos os identificadores JavaScript diferenciam maiúsculas de minúsculas

As variáveis lastNamee lastname, são duas variáveis ​​diferentes:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript não interpreta LET ou Let como a palavra-chave let .


JavaScript e caso de camelo

Historicamente, os programadores usaram diferentes maneiras de juntar várias palavras em um nome de variável:

Hífens:

nome, sobrenome, cartão-mestre, intermunicipal.

Hífens não são permitidos em JavaScript. Eles são reservados para subtrações.

Sublinhado:

first_name, last_name, master_card, inter_city.

Superior Camel Case (Pascal Case):

Nome, Sobrenome, MasterCard, InterCity.

Caixa inferior do camelo:

Os programadores JavaScript tendem a usar maiúsculas e minúsculas que começam com uma letra minúscula:

firstName, lastName, masterCard, interCity.


Conjunto de caracteres JavaScript

JavaScript usa o conjunto de caracteres Unicode .

Unicode cobre (quase) todos os caracteres, pontuações e símbolos do mundo.

Para uma visão mais detalhada, estude nossa Referência Unicode Completa .