Posts

Programação orientada a objetos JavaScript é uma linguagem de programação baseada em protótipos (prototype-based language), onde propriedades e métodos podem ser compartilhadas entre objetos. Algumas características interessantes sobre objetos em JavaScript: Quase todos objetos JavaScript são instâncias de Object. Um objeto típico herda as propriedades e métodos de Object.prototype. Propriedades e métodos de prototype podem ser sobrescritas. As alterações em prototype podem ser vistas por todos os objetos descendentes. O construtor Object cria um objeto wrapper para um valor dado....

Programação assíncrona No modelo de execução síncrono, as instruções de um programa são executadas em sequência, uma após a outra. Nesse modelo, quando uma instrução demorada é executada, o fluxo de execução fica bloqueado, aguardando seu término para que as próximas instruções possam ser executadas. No modelo de execução assíncrono, é possível executar mais de uma instrução ao mesmo tempo. Assim, uma instrução demorada poderia ser executada “em segundo plano”, enquanto o restante das instruções continuam normalmente com seu fluxo de execução....

Módulos CommonJS Os padrão de módulos CommonJS foi (e ainda é) utilizado pela plataforma Node.js (usada no back-end), portanto ainda é bastante comum a sua utilização em projetos com JavaScript, uma vez que o padrão ES6 é relativamente novo, sendo lançado em 2015. // index.js const calculadora = require("./modulo1.js"); const { VERSAO, mensagem } = require("./modulo2.js"); console.log("Versão do módulo:", VERSAO); console.log("2+3", calculadora.somar(2, 3)); console.log("3-2", calculadora.subtrair(3, 2)); mensagem(); // modulo1.js module.exports = { somar(a, b) { return a + b; }, subtrair(a, b) { return a - b; } }; // modulo2....

Trabalhando com arrays Obter o tamanho de um Array let cores = ["verde", "amarelo", "vermelho"]; let tamanho = cores.length; Acessar um item de um Array let primeira = cores[0]; let ultima = cores[cores.length - 1]; Iterar um Array // usando forEach // cores.forEach(function(item, indice, array) { // console.log(item); // }); cores.forEach(item => { console.log(item); }); // usando for-of for (let item of cores) { console.log(item); } // usando for for (let i = 0, n = cores....

Manipulação do HTML DOM O HTML DOM (Document Object Model) é um modelo de objetos de um documento HTML. O DOM de um documento consiste em uma hierarquia de nós, onde cada nó pode ter, opcionalmente, um nó pai (parent) e nós filhos (children). Um elemento do DOM é um nó que representa uma tag HTML. No DOM, todo elemento (objeto do tipo HTMLElement) é um nó (objeto do tipo Node), mas nem todo nó é um elemento, pois existem outros tipos de nós na hierarquia de um documento DOM, como comentários, blocos de texto, a tag especial <!...

Estruturas de controle if-else // desvio condicional simples if (condição) instrução; // desvio condicional simples com mais de uma instrução if (condição) { instrução1; instrução2; } // desvio condicional composto if (condição) { instrução1; } else { instrução2; } // desvio condicional encadeado if (condição1) { instrução1; } else if (condição2) { instrução2; } else { instrução3; } Exemplo: comparar dois números inteiros fornecidos pelo usuário. const n1 = parseInt(prompt("Por favor, digite um número inteiro....

Escopo, Variáveis e Funções valor1 = 1; // escopo global var valor2 = 12; // escopo de função let valor3 = 123; // escopo de bloco const valor4 = 1234; // escopo de bloco // não é possível alterar o valor de uma constante Escopo global valor1 = 1; function func1() { valor1 = 2; { valor1 = 3; console.log("func1 >> {} >> valor1:", valor1); // 3 } console....

Comentários JavaScript possui comentários de linha e comentários de bloco. Os comentários de linha são definidos após duas barras //. Dessa forma, todo o conteúdo após as duas barras // é considerado comentário e não será interpretado como código. // Este é um comentário de linha numero = 0; // Atribuir o valor 0 a variável numero Já os comentários de bloco são definidos entre as sequências /* e */. Assim, todo o conteúdo entre as sequências /* e */ é um bloco de comentário e não será interpretado como código....

Breve história JavaScript foi criada em 1995 por Brendan Eich enquanto ele trabalhava para a Netscape implementando a linguagem no navegador da empresa, o Netscape Navigator. Inicialmente, o nome da linguagem passou por algumas mudanças, como Mocha e LiveScript até chegar no seu nome atual, o JavaScript. Atualmente, a linguagem é chamada, em sua padronização, de ECMAScript, e não JavaScript. Essa diferença se dá pelo fato de que JavaScript é uma marca registrada pela então Sun, posteriormente adquirida pela Oracle....