JavaScript é uma linguagem de script orientada a objetos. É uma linguagem pequena e leve. Dentro de um ambiente hospedeiro (por exemplo, um navegador web), JavaScript pode ser conectado ao objetos de seu ambiente para fornecer controle programático sobre eles.
JavaScript contém uma biblioteca padrão de objetos, como Array, Data, e Matemática, e um conjunto central de elementos linguísticos, como operadores, estruturas de controle e declarações. Núcleo JavaScript pode ser estendido para uma variedade de propósitos, complementando-o com objetos adicionais; por exemplo:
-
JavaScript do lado do cliente estende o idioma principal fornecendo objetos para controlar um navegador e seu Modelo de Objeto de Documento (DOM). Por exemplo, extensões do lado do cliente permitem que um aplicativo coloque elementos em um formulário HTML e responder a eventos do usuário, como mouse cliques, entrada de formulário e navegação de página.
-
JavaScript do lado do servidor estende o idioma principal fornecendo objetos relevantes para a execução do JavaScript em um servidor. Por exemplo extensões do lado do servidor permitem que um aplicativo se comunique com um banco de dados, fornecer continuidade de informações de uma invocação para outro do aplicativo, ou executar manipulações de arquivo em um servidor.
Este guia pressupõe que você tenha o seguinte plano de fundo básico:
-
Um entendimento geral da Internet e da World Wide Web (WWW).
- Bom conhecimento de trabalho da HyperText Markup Language (HTML).
-
Alguma experiência de programação. Se você é novo na programação, tente um dos tutoriais ligados na página principal sobre JavaScript.
JavaScript e Java são semelhantes em alguns aspectos, mas fundamentalmente diferente em alguns outros. A linguagem JavaScript se assemelha a Java, mas não tem digitação estática de Java e verificação de tipo forte. JavaScript segue a maior parte da sintaxe de expressão Java, nomeando convenções e construções básicas de fluxo de controle, que foi a razão pela qual foi renomeado de LiveScript para JavaScript.
Em contraste com o sistema de tempo de compilação de Java de classes construídas por declarações, JavaScript suporta um sistema de tempo de execução baseado em um pequeno número de tipos de dados representando numérico, booleano e string Valores. JavaScript tem um modelo de objeto baseado em protótipo em vez do modelo de objeto mais comum baseado em classe. O modelo baseado em protótipos fornece herança dinâmica; ou seja, o que é herdado pode variar para objetos individuais. JavaScript também suporta funções sem quaisquer requisitos declarativos especiais. Funções podem ser propriedades de objetos, executando como métodos vagamente digitado.
JavaScript é uma linguagem muito livre em comparação com Java. Você não. tem que declarar todas as variáveis, classes e métodos. Você não tem para se preocupar se os métodos são públicos, privados ou protegido, e você não precisa implementar interfaces. Variáveis parâmetros e tipos de retorno de função não são explicitamente digitados.
Para começar com a escrita JavaScript, abra o Scratchpad e escreva seu primeiro código JavaScript "Hello world":Selecione o código no pad e aperte Ctrl+R para vê-lo se desdobrar em seu Navegador!
function greetMe(yourName) { alert("Hello " + yourName); }
greetMe("World");
Você usa variáveis como nomes simbólicos para valores em sua aplicação. Os nomes das variáveis, chamados identificadores, estão de acordo com certas regras.
Um identificador JavaScript deve começar com uma letra, sublinhar (_) ou sinal de dólar ($); caracteres subsequentes também podem ser dígitos (0-9). Como javaScript é sensível a casos, as letras incluem os caracteres "A" através de "Z" (maiúsculo) e os caracteres "a" através de "z" (minúscula).
Você pode usar cartas ISO 8859-1 ou Unicode, como å e ü in Identificadores. Você também pode usar as sequências de fuga unicode como caracteres em identificadores. Alguns exemplos de nomes legais são Number_hits, temporário99 e _name.
Você pode declarar uma variável de três maneiras:
Com a palavra-chave var. Por exemplo, isso a sintaxe pode ser usada para declarar variáveis locais e globais.
var x = 42.
Simplesmente atribuindo-lhe um valor. Por exemplo, isso sempre declara uma variável global. Ela gera um aviso JavaScript rigoroso. Você não deveria usar isso. variante.
x = 42.
Com a palavra-chave let. Por exemplo, isso a sintaxe pode ser usada para declarar uma variável local de escopo de bloco. Ver Escopo variável abaixo.
let y = 13.
Quando você declara uma variável fora de qualquer função, ela é chamada de variável global, porque está disponível para qualquer outro código no documento atual. Quando você declara uma variável dentro de uma função, ela é chamada de variável local, porque ela está disponível apenas dentro disso função.
JavaScript antes do ECMAScript 2015 não tem instrução de bloco âmbito; em vez disso, uma variável declarada dentro de um bloco é local para o função (ou escopo global) que o bloco reside dentro. Durante exemplo, o código a seguir vai registrar 5, porque o escopo de x é o função (ou contexto global) dentro do qual x é declarado, não o bloco, que neste caso é uma declaração if.
if (true) { var x = 5; } console.log(x); // 5
Esse comportamento muda, ao usar a declaração de let introduzida em ECMAScript 2015.
if (true) { let y = 5; } console.log(y); // ReferenceError: y is
not defined
Variáveis globais são de fato propriedades do objeto global. Na web páginas o objeto global é janela, para que você possa definir e acessar global variáveis usando a sintaxe de variável.
Consequentemente, você pode acessar variáveis globais declaradas em uma janela ou quadro de outra janela ou quadro especificando a janela ou nome da moldura. Por exemplo, se uma variável chamada phoneNumber for declarado em um documento, você pode se referir a esta variável de um iframe como pai.phoneNumber.
Você pode criar uma constante somente leitura, nomeada com a palavra-chave const. A sintaxe de um identificador constante é a mesma de uma variável identificador: ele deve começar com uma carta, sublinhar ou sinal de dólar e pode conter caracteres alfabéticos, numéricos ou sublinhados.
const PI = 3.14;
Uma constante não pode alterar o valor através da atribuição ou ser redeclarada enquanto o script está sendo executado. Tem que ser inicializado para um valor.
As regras de escopo para constantes são as mesmas que as de bloco de deixar variáveis de escopo. Se a palavra-chave const for omitida, o identificador será assumido para representar uma variável.
Você não pode declarar uma constante com o mesmo nome como uma função ou variável no mesmo escopo. Por exemplo:
// THIS WILL CAUSE AN ERROR function f() {}; const f = 5; // THIS
WILL CAUSE AN ERROR ALSO function f() { const g = 5; var g;
//statements }
No entanto, os atributos do objeto não são protegidos, portanto, os seguintes declaração é executada sem problemas
const MY_OBJECT = {"key": "value"}; MY_OBJECT.key =
"otherValue";
O mais recente padrão ECMAScript define sete tipos de dados:
-
Seis tipos de dados que são primitivos:
-
Booleano. verdadeiro e falso.
-
zero. Uma palavra-chave especial denotando um valor nulo. Porque JavaScript é sensível a maiúsculas, nulo não é o mesmo que Nulo, NULO, ou qualquer outra variante
-
indefinido. Uma propriedade de alto nível cujo valor é indefinido.
-
Número. 42 ou 3,14159.
-
String. "Howdy"
-
Símbolo (novo no ECMAScript 2015). Um tipo de dados cujas instâncias são únicos e imutáveis.
-
e Object
Embora esses tipos de dados sejam uma quantidade relativamente pequena, eles permitem você para executar funções úteis com seus aplicativos. Objetos e funções são os outros elementos fundamentais na linguagem. É possível pensar em objetos como recipientes nomeados para valores, e funciona como procedimentos que sua aplicação pode realizar.
Use a instrução if para executar uma declaração se uma condição lógica for verdadeiro. Use a cláusula opcional para executar uma declaração se o condição é falsa. Uma declaração se parece da seguinte forma:condição pode ser qualquer expressão que avalia para verdadeiro ou falso. Ver Booleano para uma explicação do que avalia a verdade e falso. Se condição avalia a verdade, statement_1 é executado; caso contrário statement_2 é executado. statement_1 e statement_2 podem ser qualquer declaração, incluindo mais aninhado se declarações.
if (condition) { statement_1; } else { statement_2; }
Você também pode compor as declarações usando outra vez se tiver vários condições testadas em sequência, da seguinte forma:
if (condition_1) { statement_1; } else if (condition_2) {
statement_2; } else if (condition_n) { statement_n; } else {
statement_last; }
No caso de múltiplas condições apenas a primeira condição lógica que avalia a verdade será executado. Para executar múltiplos declarações, agrupa-as dentro de uma declaração de bloco ({ ... } ) . Em geral, é uma boa prática sempre usar declarações de bloco, especialmente ao aninhar se declarações:É aconselhável não usar atribuições simples em um condicional expressão, porque a atribuição pode ser confundida com igualdade quando olhando sobre o código. Por exemplo, não use o seguinte código:Se você precisar usar uma atribuição em uma expressão condicional, uma prática comum é colocar parênteses adicionais em torno da tarefa. Por exemplo:
if (condition) { statement_1_runs_if_condition_is_true;
statement_2_runs_if_condition_is_true; } else {
statement_3_runs_if_condition_is_false;
statement_4_runs_if_condition_is_false; }
if (x = y) { /* statements here */ }
if ((x = y)) { /* statements here */ }
Uma declaração de while executa suas declarações, desde que uma especificada condição avalia a verdade. Uma declaração de enquanto parece o seguinte:Se a condição se torna falso, declaração dentro do loop pára de executar e controlar passes para a declaração após o loop.
while (condition) statement
O teste de condição ocorre antes da instrução no loop ser executada. Se a condição retorna verdadeiro, a declaração é executada e o condição é testada novamente. Se a condição der falso, execução pára e o controle é passado para a declaração seguinte.
Para executar várias declarações, use uma instrução de bloco ({ ... }) para agrupar essas declarações.
Exemplo:
O seguinte loop iteriza desde que n seja menor que três:
var n = 0; var x = 0; while (n < 3) { n++; x += n; }
A cada iteração, o loop incrementa n e adiciona esse valor a x. Portanto, x e n assumir os seguintes valores:
- Após a primeira passagem: n = 1 e x = 1
- Após a segunda passagem: n = 2 e x = 3
- Após a terceira passagem: n = 3 e x = 6
Após completar a terceira passagem, a condição n < 3 não é mais verdade, então o loop termina.
Uma definição de função (também chamada de declaração de função ou função instrução) consiste na palavra-chave da função, seguida por:
-
O nome da função.
-
Uma lista de argumentos para a função, fechado em parênteses e separados por vírgulas.
-
As instruções JavaScript que definem a função, incluídas em suportes cacheados, { }.
Por exemplo, o código a seguir define uma função simples chamada quadrado:
function square(number) { return number * number; }
O quadrado de função tem um argumento, chamado número. A função consiste em uma declaração que diz para retornar o argumento do função (isto é, número) multiplicada por si mesma. O retorno a instrução especifica o valor devolvido pela função.
return number * number;
Parâmetros primitivos (como um número) são passados para funções por valor; o valor é passado para a função, mas se a função altera o valor do parâmetro, essa alteração não se reflete globalmente ou na função de chamada.