JavaScript

• JavaScript: Introdução ao Javascript,

Palavras Reservadas

break     delete   function    return  typeof
case      do       if          switch  var
catch     else     in          this    void
continue  false    instanceof  throw   while
debugger  finally  new         true    with
default   for      null        try

# Reserved for future use
class     const    enum        export  extends
import    super

Variáveis Globais e Funções

arguments           encodeURI           Infinity    Number          RegExp
Array               encodeURIComponent  isFinite    Object          String
Boolean             Error               isNaN       parseFloat      SyntaxError
Date eval           JSON                parseInt    TypeError
decodeURI           EvalError           Math        RangeError      undefined
decodeURIComponent  Function            NaN         ReferenceError  URIError

Declaração de Variáveis

var message = "hello";
var i = 0, j = 0, k = 0;

Não existe declaração de tipo.

Strings

var s =  "hello, world"      // Texto inicial
s.charAt(0)                  // => "h"   : primeira letra, inicia em 0
s.charAt(s.length-1)         // => "d"   : ultima letra
s.substring(1,4)             // => "ell" : letras na posição 1 a 4
s.slice(1,4)                 // => "ell" : mesma coisa
s.slice(-3)                  // => "rld" : ultimas 3 letras
s.indexOf("l")               // => 2     : posição da primeira letra l
s.lastIndexOf("l")           // => 10    : posição da ultima letra l
s.indexOf("l",3)             // => 3     : posição da primeira letra l apos o 3 carácter
s.split(", ")                // => ["hello","world"] divide em 2 substrings
s.replace("h","H")           // => "Hello, world" : troca todas a instancias de "h" por "H"
s.toUpperCase()              // => "HELLO, WORLD" : converte pra maiúsculas.

Objetos

var empty = {};                            // Objeto sem propriedades

var point = { x:0, y:0 };                  // Objeto com 2 propriedades

var point2 = { x:point.x, y:point.y+1 };   // Objeto com 2 propriedades mais complexas

var book = {
             "main title": "JavaScript"                // Nomes de Propriedades contendo espaço,
             'sub-title':  "Iniciando em JavaScript"   // e hifens usar aspas.
             "for": "todas audiencias"                 // palavras reservadas use aspas
             author: {                                 // Objetos com outros objetos
                       firstname: "Enio",
                       lastname: "Basso"
                     }
           };

var o = new Object();                      // Objeto sem propriedades, mesmo que {}

var a = new Array();                       // Array vazio, mesmo que []

var d = new Date();                        // Objeto de Data, representado a hora atual

var r = new RegExp("js");                  // Cria um objeto RegExp (Expressão Regular) para comparação.

Arrays

Definindo um array

var myArray = ["sat", "sun", "mon"];

var count = [1,,3];    // Array de 3 elementos, o do meio esta indefinido.
var a[-1.23] = true;   // 

// Criando um array com 2 elementos
a =  [true,false];     // Array com elementos na posição 0 e 1
a[2]                   // Valor não Definido
a[-1]                  // Valor não Definido

a = new Array(5);      // Criando um array com 5 elementos
a = [];                // Criando um array com 0 elementos

a[1000] = 0;           // Define um elemento igual a 0 e define o tamanho do array para 1001

a = [1,2,3,4,5];       // Inicia um arra com 5 elementos
a.length = 3;          // a alterado para [1,2,3]
a.length = 0;          // deleta todos os elementos. a alterado para [].
a.length = 5;          // alterado para 5 elementos. Mesmo que a = new Array(5)

Manipulação de Array

var a = [1,2,3];
a.join();              // "1,2,3"
a.join(" ");           // "1 2 3"
 
a.reverse().join();    // "3,2,1"

Document Object Model (DOM)

DOM define uma estrutura lógica para uma página HTML

Nome	Descrição
firstChild, lastChild	start/end of this node's list of children
childNodes	array of all this node's children
nextSibling, previousSibling	neighboring nodes with the same parent
parentNode	the element that contains this node