39 coisas que aprendi nos 10 dias de JavaScript do HackerRank

tl;dr: 10 dias aprendendo JavaScript no HackerRank, ótimo curso, cada exercício tem vários e vários testes ao final, em geral a sua idéia inicial passa os primeiros testes mas tem que ser alterada para passar em todos os testes, uma boa lembrança de como tenho que pensar em todas as possibilidades quando se estiver programando.

---

JavaScript: Como se loga um erro no console?

console.error()

JavaScript: Como se loga um warning no console?

console.warn()

JavaScript: Quais são os 3 tipos de blocos try?

try-catch, try-catch-finally, try-finally

JavaScript: Como se escreve um try-catch?

try {
  ...
} catch (e) {
  ...
}

JavaScript: Quando o bloco catch é executado?

Quando uma excessão lançada dentro do bloco try.

JavaScript: Quando o bloco finally é executado?

Depois de um try-catch, independente se uma exceção foi lançada ou capturada.

JavaScript: Qual parâmetro é passado para o catch?

O nome da variável que receberá a exceção lançada.

JavaScript: Como se lança uma nova exceção?

throw new Error(mensagem);

JavaScript: Na expressão try { ... } catch(e) { ... }, o que significa o “e“?

É o identificador de exceção.

JavaScript: Como se acessa a mensagem de uma exceção?

e.message

JavaScript: O que o array.forEach faz?

Executa a função callback passada uma vez para cada elemento do array.

JavaScript: O que são classes funcionais?

São função que funcionam como classes.

JavaScript: Como se cria um objeto com uma classe funcional?

Usando "new".

JavaScript: Como são criados os métodos e propriedades de uma classe funcional?

Usando "this".

JavaScript: Quando se deve usar prototype?

Quando se quer estender uma classe funcional.

JavaScript: Como se cria uma classe funcional singleton?

Se atribui o resultado de "new function() {...}" para uma variável.

JavaScript: O que é uma classe singleton?

É uma classe que só pode ser instanciada uma única vez.

JavaScript: Os nomes de classes tem que ser escritos em?

TitleCase.

JavaScript: Métodos dentro de uma classe precisam usar a keyword function?

Não.

JavaScript: O que são métodos estáticos dentro de uma classe?

São métodos relevantes para todas as instâncias da classe e não pra uma única instância.

JavaScript: Por que os métodos estáticos de classe recebem suas informações apenas através de seus argumentos?

Por que eles são usando somente sem instanciar a classe.

JavaScript: Como se instância uma classe Cachorro que herda da classe Animal?

class Cachorro extends Animal {
  ...
}

JavaScript: Pra que ser a função super?

Ela executa chamadas a métodos na classe pai de um objeto.

JavaScript: O que acontece quando se usa super() dentro de um constructor()?

Ele chama o constructor() da classe pai.

JavaScript: Como se cria um método estático dentro de uma classe?

Se adiciona a keyword "static" antes do nome do método.

JavaScript: Como se cria um tagged template literal?

Se adiciona uma função antes de uma template literal.

JavaScript: O que é uma função tag?

É a função adicionada antes de um template literal.

JavaScript: Arrow functions são sempre anônimas?

Sim.

JavaScript: O que new Date() faz?

Cria um objeto Date com a data e hora atual.

JavaScript: Como se cria uma objeto Date a partir de uma string “dateString”?

new Date(dateString);

JavaScript: Como se seleciona um elemento dentro do documento pelo seu id?

document.getElementById();

JavaScript: Qual propriedade contém o HTML interno de um elemento?

.innerHTML

JavaScript: Qual propriedade retorna o manipulador de eventos de quando um elemento é clicado?

.onclick

JavaScript: O que é um manipulador de eventos (event handler)?

É a função que é acionada quando um evento é executado.

JavaScript: O que EventTarget.addEventListener(type, listener); faz?

Ele prepara uma função listener para ser executada quando um evento type for disparado no EventTarget.

JavaScript: Quais são os argumentos de EventTarget.addEventListener()?

type e listener

JavaScript: Como se cria um novo elemento Button a ser adicionado no documento?

document.createElement("button");

JavaScript: Como se adiciona um elemento btn criado ao documento?

document.body.appendChild(btn);

JavaScript: Como se converte um número em string no formato binário?

Number.toString(2);