Ad
maksuelsoaresvs.moraga

Sobrescrevendo o constructor da classe base

Code
Diff
  • class Component {
  constructor(dom) {
    console.log('Parent class constructor executed!');
    this.dom = dom;
  }
  
  onCreate() {
    return true;
  }
}

class Collection extends Component {
  constructor (dom, a) {
    super(dom);
  }
}
    • class Component {
    • constructor(dom) {
    • console.log('Parent class constructor executed!');
    • this.dom = dom;
    • }
    • onCreate() {
    • return true;
    • }
    • }
    • class Collection {
    • //
    • class Collection extends Component {
    • constructor (dom, a) {
    • super(dom);
    • }
    • }
maksuelsoaresvs.moraga

Property Shorthand

Code
Diff
  • const title = 'UOL - O melhor conteúdo';

const share = {
  fb: {
    title
  },
  twitter: {
    tweet: title
  }
};
    • var title = 'UOL - O melhor conteúdo';
    • const title = 'UOL - O melhor conteúdo';
    • var share = {
    • const share = {
    • fb: {
    • title: title
    • title
    • },
    • twitter: {
    • tweet: title
    • }
    • };
maksuelsoaresvs.moraga

Template Literals

Code
Diff
  • const bg = 'gray';

const css = `<style> body { background: ${bg} ; color: black; } </style>`;
    • var bg = 'gray';
    • const bg = 'gray';
    • var css = '' +
    • '<style>' +
    • 'body {' +
    • ' background: '+ bg + ';' +
    • ' color: black;'
    • '}' +
    • '</style>';
    • const css = `<style> body { background: ${bg} ; color: black; } </style>`;
maksuelsoaresvs.moraga

Parâmetros opcionais em funções

Code
Diff
  • // reescreva em ES6
function main(a, b = 2, c = 3) {    
    return a * b * c;
}
    • // reescreva em ES6
    • function main(a, b, c) {
    • if (typeof b == 'undefined')
    • b = 2;
    • if (typeof c == 'undefined')
    • c = 3
    • function main(a, b = 2, c = 3) {
    • return a * b * c;
    • }
maksuelsoaresvs.moragaFailed Tests

Var, let ou const

Code
Diff
  • // Exercício 1
const titulo = "UOL - O melhor conteúdo";


// Exercício 2
let tags = []

tags.push(...['A', 'B']);


// Exercício 3

let descricao = "Em 1999";

descricao += " em São Paulo";


// Exercício 4
let materia = {titulo: "Barão de Limeira"};

materia.titulo = "Alameda " + materia.titulo;


// Exercício 5
for (let i = 10; i--;) {
  console.log(i);
}


// Exercício 6
for (let tag of ['A', 'B']) {
  console.log(tag);
}


// Exercício 7
for (let j = [].length; j--;) {}

if (j === -1) {
  console.log('Não encontrei');
}


// Exercício 8
const a = 123;

{
  a *= 2;
}

console.log(a);


// Exercício 9
const state = 'active';

function stop() {
  state = 'paused';
}

stop();


// Exercício 10
const TRUE = !0;
    • // Exercício 1
    • var titulo = "UOL - O melhor conteúdo";
    • const titulo = "UOL - O melhor conteúdo";
    • // Exercício 2
    • var tags = []
    • let tags = []
    • tags.push(...['A', 'B']);
    • // Exercício 3
    • var descricao = "Em 1999";
    • let descricao = "Em 1999";
    • descricao += " em São Paulo";
    • // Exercício 4
    • var materia = {titulo: "Barão de Limeira"};
    • let materia = {titulo: "Barão de Limeira"};
    • materia.titulo = "Alameda " + materia.titulo;
    • // Exercício 5
    • for (var i = 10; i--;) {
    • for (let i = 10; i--;) {
    • console.log(i);
    • }
    • // Exercício 6
    • for (var tag of ['A', 'B']) {
    • for (let tag of ['A', 'B']) {
    • console.log(tag);
    • }
    • // Exercício 7
    • for (var j = [].length; j--;) {}
    • for (let j = [].length; j--;) {}
    • if (j === -1) {
    • console.log('Não encontrei');
    • }
    • // Exercício 8
    • var a = 123;
    • const a = 123;
    • {
    • a *= 2;
    • }
    • console.log(a);
    • // Exercício 9
    • var state = 'active';
    • const state = 'active';
    • function stop() {
    • state = 'paused';
    • }
    • stop();
    • // Exercício 10
    • var TRUE = !0;
    • const TRUE = !0;