Ad
rdiogovs.moraga

Concatenar listas

Code
Diff
  • const main = () => {

  let a = [1, 2, 3];
  
  let b = [4, 5, 6];
  
  let c = [7, 8, 9];

  // converter para ES6
  var d = a.concat(b).concat(c);
  
  return [...a,...b,...c].join(',');
}
    • const main = () => {
    • let a = [1, 2, 3];
    • let b = [4, 5, 6];
    • let c = [7, 8, 9];
    • // converter para ES6
    • var d = a.concat(b).concat(c);
    • return d.join(',');
    • return [...a,...b,...c].join(',');
    • }
rdiogovs.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(body,bool) {
    super(body,bool)
  }

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

Criando uma Classe

Code
Diff
  • class Component {
  constructor (dom) {this.dom = dom;}
  
  onCreate() {
    return this.dom;
  }
}
    • function Component(dom) {
    • this.dom = dom;
    • this.onCreate = function() {
    • class Component {
    • constructor (dom) {this.dom = dom;}
    • onCreate() {
    • return this.dom;
    • }
    • }
rdiogovs.moragaFailed Tests

Property Shorthand

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

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

Deep matching e default values

Code
Diff
  • let results = [
  {materia: {conteudo: {titulo: 'São Paulo'}}, tags: [1, 2, 3]},
  {materia: {conteudo: {}}, tags: [3, 2]},
  {materia: {conteudo: {titulo: 'Rio de Janeiro'}}, tags: [3, 2]},
];

for (const {materia: {conteudo: {titulo = 'Brasil'}}} of results){ 

console.log(titulo);
}
    • let results = [
    • {materia: {conteudo: {titulo: 'São Paulo'}}, tags: [1, 2, 3]},
    • {materia: {conteudo: {}}, tags: [3, 2]},
    • {materia: {conteudo: {titulo: 'Rio de Janeiro'}}, tags: [3, 2]},
    • ];
    • for (const result of results) {
    • let titulo = result.materia.conteudo.titulo || 'Brasil';
    • console.log(titulo);
    • for (const {materia: {conteudo: {titulo = 'Brasil'}}} of results){
    • console.log(titulo);
    • }
rdiogovs.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>`;
rdiogovs.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;
    • }
rdiogovs.moraga

Var, let ou const

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


// Exercício 2
const 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 < [].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 = []
    • const 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 < [].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;