JavaScript é uma linguagem de programação inicialmente projetada para interagir com elementos de páginas web. Nos navegadores da web, o JavaScript consiste em três partes principais:
- ECMAScript fornece a funcionalidade principal.
- O Document Object Model (DOM) fornece interfaces para interagir com elementos em páginas da web
- O Browser Object Model (BOM) fornece a API do navegador para interagir com o navegador da web.
JavaScript permite adicionar interatividade a uma página da web. Normalmente, você usa JavaScript com HTML e CSS para aprimorar a funcionalidade de uma página da Web, como validação de formulários , criação de mapas interativos e exibição de gráficos animados.
Quando uma página da web é carregada, ou seja, após o download do HTML e do CSS, o mecanismo JavaScript do navegador da web executa o código JavaScript. O código JavaScript então modifica o HTML e CSS para atualizar a interface do usuário dinamicamente.
O mecanismo JavaScript é um componente dos navegadores responsável pela interpretação e execução do código JavaScript. Inclui um analisador para analisar o código, um compilador para convertê-lo em código de máquina e um interpretador para executar o código compilado.
Mecanismos JavaScript notáveis incluem V8 no Chrome, SpiderMonkey no Firefox e JavaScriptCore no Safari.
Inicialmente, os motores JavaScript foram implementados como interpretadores. No entanto, os mecanismos JavaScript modernos são comumente implementados como compiladores just-in-time que compilam o código JavaScript em bytecode para melhorar o desempenho.
JavaScript do lado do cliente versus JavaScript do lado do servidor
Quando JavaScript é usado em uma página web, ele é executado em navegadores web, servindo como uma linguagem do lado do cliente.
JavaScript pode ser executado em navegadores e servidores. Um ambiente de servidor JavaScript popular é o Node.js. Ao contrário do JavaScript do lado do cliente, o JavaScript do lado do servidor é executado no servidor e permite acessar bancos de dados, sistemas de arquivos, etc.
História do JavaScript
Em 1995, o JavaScript foi desenvolvido por Brendan Eich , um desenvolvedor do Netscape. Inicialmente chamado de Mocha, mais tarde foi renomeado para LiveScript.
A Netscape decidiu renomear LiveScript para JavaScript para capitalizar a popularidade do Java. A decisão foi tomada pouco antes do lançamento do navegador Netscape Navigator 2, levando à introdução do JavaScript versão 1.0.
A Netscape lançou o JavaScript 1.1 no Netscape Navigator 3. Nesse ínterim, a Microsoft lançou seu navegador chamado Internet Explorer 3 (IE 3) como concorrente do Netscape. No entanto, o IE apresentou sua própria implementação de JavaScript chamada JScript . A Microsoft usou o nome JScript para evitar possíveis conflitos de licenciamento com o Netscape.
Conseqüentemente, duas versões distintas de JavaScript estavam no mercado:
- JavaScript no Netscape Navigator
- JScript no Internet Explorer.
Neste momento, o JavaScript carecia de sintaxe e recursos padronizados, o que levou a comunidade a defender a padronização da linguagem.
Em 1997, o JavaScript 1.1 foi proposto à Associação Europeia de Fabricantes de Computadores (ECMA). O Comitê Técnico nº 39 (TC39) recebeu a tarefa de padronizar a linguagem, mutilando-a para transformá-la em uma linguagem de script de uso geral, multiplataforma e neutra em termos de fornecedor.
O TC39 criou o ECMA-262, estabelecendo um padrão para definir uma nova linguagem de script chamada ECMAScript (frequentemente pronunciada Ek-ma-script).
Depois disso, a Organização Internacional de Padronização e as Comissões Eletrotécnicas Internacionais (ISO/IEC) adotaram o ECMAScript (ISO/IEC-16262).
Visão geral do JavaScript
Observe que a seção a seguir oferece uma introdução sólida ao código JavaScript. Se você ainda não está familiarizado com ele, tudo bem. Você terá a oportunidade de aprender no próximo tutorial.
Para definir uma variável em JavaScript, você usa var
palavra-chave. Por exemplo:
var x = 10;
var y = 20;
Linguagem de código: JavaScript ( javascript )
ES6 adicionou uma nova maneira de declarar uma variável com a let
palavra-chave:
let x = 10;
let y = 20;
Linguagem de código: JavaScript ( javascript )
Existem diferenças entre var
elet
. E é uma boa prática usar a let
palavra-chave para declarar variáveis.
Para declarar uma função , você usa a function
palavra-chave. O exemplo a seguir define uma função que calcula a soma de dois argumentos:
function add( a, b ) {
return a + b;
}
Linguagem de código: JavaScript ( javascript )
Para chamar a add()
função, você usa a seguinte sintaxe:
let result = add(x, y);
Linguagem de código: JavaScript ( javascript )
Para registrar o resultado na janela do console do navegador ou terminal (no caso de node.js), você usa a console.log()
função:
console.log(result);
Linguagem de código: JavaScript ( javascript )
Agora, você deve ver 30
na saída.
JavaScript fornece instruções de condição, como instruções if-else
e switch
. Por exemplo:
let a = 20,
b = 30;
function divide(a, b) {
if(b == 0) {
throw 'Division by zero';
}
return a / b;
}
Linguagem de código: JavaScript ( javascript )
Na divide()
função, verificamos se o denumerador (b) é zero. Se sim, lançamos uma exceção . Caso contrário, retornamos o resultado de a/b.
Para declarar um array , você usa a seguinte sintaxe:
let items = [];
Linguagem de código: JavaScript ( javascript )
Para declarar um array com elementos iniciais, você especifica esses elementos entre colchetes:
let items = [1, 2, 3];
Linguagem de código: JavaScript ( javascript )
Você pode acessar o número de elementos do items
array através de sua length
propriedade:
console.log(items.length); // 3
Linguagem de código: JavaScript ( javascript )
Para iterar sobre os elementos do items
array, você usa a for
instrução loop da seguinte maneira:
for(let i = 0; i < items.length; i++) {
console.log(items[i]);
}
Linguagem de código: JavaScript ( javascript )
Alternativamente, você pode usar o for...of
loop no ES6 :
for(let item of items) {
console.log(item);
}
Linguagem de código: JavaScript ( javascript )
JavaScript é uma linguagem em evolução com recursos avançados que você explorará nos próximos tutoriais.
Neste tutorial, você aprendeu o que é JavaScript e obteve uma visão geral da linguagem JavaScript.