33 coisas sobre JavaScript ES6 que aprendi com o freeCodeCamp

Nessa parte do freeCodeCamp é explorados as “novas funcionalidades” do JavaScript, ES6, interessante a nova idéia de declarar as variáveis com let para que o escopo seja melhor direcionado além do uso do “use strict” que resolve vários problemas “menores” do JavaScript de performance.

JavaScript: Pode-se redeclarar uma variável declarada com let?

Não.

JavaScript: O que "use strict"; faz?

Habilita o "strict mode" que faz com que erros comuns sejam mais fáceis de detectar.

JavaScript: O que acontece se você declarar uma variável com “let” e mais a frente declara-la novamente.

Dá erro, com "let" uma variável de mesmo nome não pode ser redeclarada.

JavaScript: Uma variável let declarada dentro de um bloco, existe fora desse bloco?

Não.

JavaScript: Uma variável var declarada dentro de um bloco, existe fora desse bloco?

Sim.

JavaScript: Que tipo de erro acontece quando se tenta redeclarar uma variável let?

SyntaxError: Identifier has already been declared.

JavaScript: Como se declara uma variável somente leitura?

const varNome;

JavaScript: Qual erro acontece quando se tenta mudar o valor de uma const?

TypeError: Assignment to constant variable.

JavaScript: Como se deve nomear consts?

O nome da const todo em MAIUSCULO.

JavaScript: Os elementos de um array declarado com const, podem ser alterado?

Sim.

JavaScript: Um objeto declarado como const, pode ser alterado?

Sim.

JavaScript: Qual função congela a edição de um objeto?

Object.freeze();

JavaScript: Como se escreve uma arrow function?

const f = () => {}

JavaScript: Quando uma arrow function tem somente o valor de retorno, o que pode ser omitido?

O "return" e os "{}"

JavaScript: Pra que serve a função map()?

Ela cria um array, com o resultado da função passada, no array que ela foi chamada.

JavaScript: Pra que serve a função filter()?

Ela cria um array com todos os elementos que passam no teste implementado dentro do filter.

JavaScript: Funções podem ter parâmetros padrão?

Sim.

JavaScript: Como se passa uma string “padrão” para o parâmetro s, da função f?

function f(s = "padrão") { ... }

JavaScript: Qual o parâmetro que se passa para uma função receber uma quantidade ilimitada de parâmetros?

...args (rest operator)

JavaScript: O que significa ...?

É o "spread operator" ele faz unpack de um array.

JavaScript: Como você desestrutura um objeto?

const { vars } = obj;

JavaScript: Como trocar duas variáveis de posição em um array?

[a, b] = [b, a];

JavaScript: Como fazer uma string com template?

`this is a string ${ var } with a var`

JavaScript: Como se cria uma classe?

class className {
  ...
}

JavaScript: Como se cria um construtor dentro de uma classe?

class className {
  constructor() {
    ...
  }
}

JavaScript: Como se cria um getter dentro de uma classe?

class className {
  get attrName() {
    return ...
  }
}

JavaScript: Como se cria um setter dentro de uma classe?

class className {
  set attrName( attrValue ) {
    this._attrValue = attrValue;
  }
}

JavaScript: Como se faz um import?

import { function } from "filename";

JavaScript: Como se exporta funções ou variáveis?

export { function, var }

JavaScript: Como se exporta uma variável na sua declaração?

export const a;

JavaScript: Como se usa o import *?

import * as objectName from "filepath";

JavaScript: Como definir um export padrão?

export default ...

JavaScript: Como se faz um import padrão?

import function from "filepath";