Ad
miriamdiasvs.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);
    • }
    • }
miriamdiasvs.moraga

Herdando classes e sobrescrevendo métodos

Code
Diff
  • class Component {
  constructor(dom) {
      this.dom = dom;
  }
  
  onCreate() {
    console.log('onCreate from parent class');
    return 'missing';
  }
  
  static on(event, callback) {
    callback();
  }
  
  async emit(event, data) {}
}

class Title extends Component{
   onCreate(){
     super.onCreate();
     return 'super!';
   }
}
    • class Component {
    • constructor(dom) {
    • this.dom = dom;
    • }
    • onCreate() {
    • console.log('onCreate from parent class');
    • return 'missing';
    • }
    • static on(event, callback) {
    • callback();
    • }
    • async emit(event, data) {}
    • }
    • class Title extends Component{
    • onCreate(){
    • super.onCreate();
    • return 'super!';
    • }
    • }
miriamdiasvs.moraga

Destructuring assignment

Code
Diff
  • const materia = {
  conteudo: {
    titulo: 'UOL',
  },
  tags: ['São Paulo', 'SP', 'Sudeste', 'Brasil', 'América Latina']
};

let [uf, regiao, titulo] = [materia.tags[1], materia.tags[2], materia.conteudo.titulo];

/*var uf = materia.tags[1];
var regiao = materia.tags[2];

var titulo = materia.conteudo.titulo;*/
    • var materia = {
    • const materia = {
    • conteudo: {
    • titulo: 'UOL',
    • },
    • tags: ['São Paulo', 'SP', 'Sudeste', 'Brasil', 'América Latina']
    • };
    • var uf = materia.tags[1];
    • let [uf, regiao, titulo] = [materia.tags[1], materia.tags[2], materia.conteudo.titulo];
    • /*var uf = materia.tags[1];
    • var regiao = materia.tags[2];
    • var titulo = materia.conteudo.titulo;
    • var titulo = materia.conteudo.titulo;*/
miriamdiasvs.moraga

Template Literals

Code
Diff
  • var bg = 'gray';

var css = `
 <style>
   body {
     background: ${bg};
     color: black;
   }
  </style>`;
    • var bg = 'gray';
    • var css = '' +
    • '<style>' +
    • 'body {' +
    • ' background: '+ bg + ';' +
    • ' color: black;'
    • '}' +
    • '</style>';
    • var css = `
    • <style>
    • body {
    • background: ${bg};
    • color: black;
    • }
    • </style>`;
miriamdiasvs.moragaFailed Tests

Parâmetros opcionais em funções

Code
Diff
  • // reescreva em ES6

var main (a, b=2, c) => {    
    return a * b * c; 
}
    • // reescreva em ES6
    • function main(a, b, c) {
    • if (typeof b == 'undefined')
    • b = 2;
    • if (typeof c == 'undefined')
    • c = 3
    • return a * b * c;
    • }
    • var main (a, b=2, c) => {
    • return a * b * c;
    • }
miriamdiasvs.moraga

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 (const tag of ['A', 'B']) {
  console.log(tag);
}


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

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


// Exercício 8
let a = 123;

{
  a *= 2;
}

console.log(a);


// Exercício 9
let 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 (const tag of ['A', 'B']) {
    • console.log(tag);
    • }
    • // Exercício 7
    • for (var j = [].length; j--;) {}
    • if (j === -1) {
    • console.log('Não encontrei');
    • }
    • // Exercício 8
    • var a = 123;
    • let a = 123;
    • {
    • a *= 2;
    • }
    • console.log(a);
    • // Exercício 9
    • var state = 'active';
    • let state = 'active';
    • function stop() {
    • state = 'paused';
    • }
    • stop();
    • // Exercício 10
    • var TRUE = !0;
    • const TRUE = !0;
miriamdiasvs.cjsilva

UOLxercício 1

Code
Diff
  • function soma(a, b) {
  return a + b
}
    • function soma(a, b) {
    • return a + b
    • }