Chainability com Javascript

CHAINABILITY

Hoje eu quero mostrar como podemos construir um pattern que é muito utilizado no Jquery. Apesar de não ser um pattern que muita gente gosta, é bastante interessante. Vamos construir um para você ter uma ideia de como podemos fazer e também para entender um pouco da linguagem que está…

read more

Closure Série – POO para JS

CLOSURE

Hoje vou continuar a falar sobre como passar de Programação Orientada-objetos para JavaScript cada vez mais funcional. Uma outra coisa bastante diferente para se comparar entre ambos os paradigmas é o uso de closure. No JavaScript, anteriormente tínhamos reproduzido aquela “classe” e acabamos criando uma closure. Vamos supor que eu…

read more

Pegadinha #1 de entrevistas em JavaScript

PEGADINHA ENTREVISTAS DE JAVASCRIPT

Hoje quero comentar uma questão muito comum em entrevistas de JavaScript. Qual é a saída desse código? const arr = [‘a’, ‘b’, ‘c’, ‘d’] for (var i=0; i<arr.length; i++){ setTimeOut(() => { console.log(i, arr[i]) },0) } console.log(‘out’, i) Detalhe que estamos utilizando um setTimeOut com um zero, mas poderia ser…

read more

Criando um teclado com WebAudioAPI

teclado com webaudioapi

Hoje quero continuar falando sobre WebAudioAPI. Vamos um pouco além do que já fizemos anteriormente. No nosso arquivo HTML, teremos dois scripts com função para ler qual tecla no teclado estamos apertando  e outra para quando soltarmos a tecla: <html> <body> <script> function onKeyDown(key){ console.log(key) } function onKeyUp(key){ console.log(key) }…

read more

ES7 Array Includes

es7

Na dica de hoje, quero falar um pouco sobre o ES7 e uma funcionalidade que foi adicionada ao vetor. Primeiramente vou mostrar como fazemos comumente em ES6 e ES5, seguido de como podemos começar a fazer no ES7 citando sua vantagem. Vou criar um vetor: const nums = [1,2,3,4] Se…

read more