Ad
Code
Diff
  • async function a() {
      return 'ok'
    }
    
    async function b() {
        try {
          const res = await a()
          console.log(res)
        } catch(erro) {
          console.log(erro)
        }
    }
    • function a() {
    • return new Promise(function (resolve, reject) {
    • resolve('ok');
    • });
    • async function a() {
    • return 'ok'
    • }
    • function b() {
    • a().then(function(res) {
    • console.log(res);
    • }).catch(function(err) {
    • console.log(err);
    • })
    • async function b() {
    • try {
    • const res = await a()
    • console.log(res)
    • } catch(erro) {
    • console.log(erro)
    • }
    • }
Code
Diff
  • function monteCarlo() {
      return new Promise(function (resolve, reject) {
        reject({server: 'down'});
      });
    }
    
    async function main() {
    
      // converter para ES6
      try {
    
        const results = await monteCarlo();
      } catch (fail) {
        console.log(fail)
      }
      return true;
    }
    • function monteCarlo() {
    • return new Promise(function (resolve, reject) {
    • reject({server: 'down'});
    • });
    • }
    • async function main() {
    • // converter para ES6
    • const results = await monteCarlo();
    • try {
    • const results = await monteCarlo();
    • } catch (fail) {
    • console.log(fail)
    • }
    • return true;
    • }
Code
Diff
  • function monteCarlo() {
      return new Promise(function (resolve, reject) {
        resolve([{
          titulo: 'UOL - O Melhor conteúdo'
        }]);
      });
    }
    
    async function main() {
    
      // converter para ES6
      const response = await monteCarlo()
      console.log(response)
      
      return true;
    }
    • function monteCarlo() {
    • return new Promise(function (resolve, reject) {
    • resolve([{
    • titulo: 'UOL - O Melhor conteúdo'
    • }]);
    • });
    • }
    • async function main() {
    • // converter para ES6
    • monteCarlo().then(function(response) {
    • console.log(response)
    • });
    • const response = await monteCarlo()
    • console.log(response)
    • return true;
    • }
Code
Diff
  • // 1 - Encontre  um número maior que 6
    var arr = [1, 4, 6, 8, 10];
    var resp = arr.find(n => n > 6)
    
    
    // 2 - Encontre o índice de um número maior que 6
    var arr = [1, 4, 6, 8, 10];
    var resp = arr.findIndex(n => n > 6)
    
    
    // 3 - Encontre os numeros maiores que 6
    var arr = [1, 4, 6, 8, 10];
    var resp = arr.filter(n => n > 6)
    
    
    // 4 - O array contém o número 6?
    var arr = [1, 4, 6, 8, 10];
    var resp = arr.includes(6)
    
    
    // 5 - Todos os números do array são números pares?
    var arr = [2, 4, 6, 8, 9];
    var resp = true;
    var resp = arr.every(n => n%2 === 0)
    
    
    // 6 - Algum número no array é impar?
    var arr = [2, 4, 0, -2];
    var resp = arr.some(n => n%2 !== 0)
    • // 1 - Encontre um número maior que 6
    • var arr = [1, 4, 6, 8, 10];
    • var resp = null;
    • for (var i = 0; i < arr.length; ++i) {
    • if (arr[i] > 6) {
    • resp = arr[i];
    • break;
    • }
    • }
    • var resp = arr.find(n => n > 6)
    • // 2 - Encontre o índice de um número maior que 6
    • var arr = [1, 4, 6, 8, 10];
    • var resp = null;
    • for (var i = 0; i < arr.length; ++i) {
    • if (arr[i] > 6) {
    • resp = i;
    • break;
    • }
    • }
    • var resp = arr.findIndex(n => n > 6)
    • // 3 - Encontre os numeros maiores que 6
    • var arr = [1, 4, 6, 8, 10];
    • var resp = arr.reduce((carry, item) => {
    • if (item > 6)
    • carry.push(item);
    • return carry;
    • }, []);
    • var resp = arr.filter(n => n > 6)
    • // 4 - O array contém o número 6?
    • var arr = [1, 4, 6, 8, 10];
    • var resp = arr.indexOf(6) > -1;
    • var resp = arr.includes(6)
    • // 5 - Todos os números do array são números pares?
    • var arr = [2, 4, 6, 8, 9];
    • var resp = true;
    • for (var i = 0; i < arr.length; ++i) {
    • if (arr[i] % 2 !== 0) {
    • resp = false;
    • break;
    • }
    • }
    • var resp = arr.every(n => n%2 === 0)
    • // 6 - Algum número no array é impar?
    • var arr = [2, 4, 0, -2];
    • var resp = arr.reduce(function (carry, item) {
    • return carry || (item % 2 !== 0);
    • }, false);
    • var resp = arr.some(n => n%2 !== 0)
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, ...b, ...c];
      
      return d.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);
    • var d = [...a, ...b, ...c];
    • return d.join(',');
    • }
Code
Diff
  • class Component {
      constructor(dom) {
        console.log('Parent class constructor executed!');
        this.dom = dom;
      }
      
      onCreate() {
        return true;
      }
    }
    
    class Collection extends Component {
      constructor(dom, loaded) {
        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, loaded) {
    • super(dom)
    • }
    • }
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!'
    • }
    • }
Code
Diff
  • {
      function todo() {
          return 'Walk';
        }
      
        // reescrever em ES6
        {
      
          function todo() {
            return 'Run';
          }
      
        }
    }
    
    • function todo() {
    • return 'Walk';
    • }
    • // reescrever em ES6
    • (function() {
    • {
    • function todo() {
    • return 'Run';
    • }
    • })();
    • return 'Walk';
    • }
    • // reescrever em ES6
    • {
    • function todo() {
    • return 'Run';
    • }
    • }
    • }
Code
Diff
  • class Component {
      
      constructor(dom) {
        this.dom = dom;
      }
    
      onCreate() {
        return this.dom;
      }
    }
    • function Component(dom) {
    • this.dom = dom;
    • class Component {
    • constructor(dom) {
    • this.dom = dom;
    • }
    • this.onCreate = function() {
    • onCreate() {
    • return this.dom;
    • }
    • }
Code
Diff
  • var title = 'UOL - O melhor conteúdo';
    
    var share = {
      fb: {
        title
      },
      twitter: {
        tweet: title
      }
    };
    • var title = 'UOL - O melhor conteúdo';
    • var share = {
    • fb: {
    • title: title
    • title
    • },
    • twitter: {
    • tweet: title
    • }
    • };
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 result of results) {
      
      const {materia: {conteudo: {titulo = 'Brasil'}}} = result
    }
    • 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);
    • const {materia: {conteudo: {titulo = 'Brasil'}}} = result
    • }
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>`;
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
    • return a * b * c;
    • function main(a, b = 2, c = 3) {
    • return a * b * c
    • }
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
    const 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 = []
    • 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"};
    • const 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;