ES8: Trailing commas

Dando continuidade a minha serie de artigos sobre ES8. Vamos conhecer mais uma de suas funcionalidades o Trailing commas.

O Trailing commas trás a habilidade para o compilador não retornar um (SyntaxError) quando for adicionado uma vírgula no final de uma lista de parâmetros ou na invocação de uma função. Abaixo podemos ver alguns exemplos:

Parâmetro de função

As funções abaixo são idênticas , note que o Trailing commas não afetou o tamanho da propriedade da função.

function f(p) {}
function f(p,) {} 

(p) => {};
(p,) => {};

Testando

Primeiro exemplo:

Segundo exemplo:

Nós podemos utilizar ele nos métodos das nossas classes ou em objetos.

class C {
  one(a,) {},
  two(a, b,) {},
}

var obj = {
  one(a,) {},
  two(a, b,) {},
};

Chamadas de função

As duas seguintes funções são idênticas, elas seguem a mesma ideia que nós vimos no primeiro exemplo desse artigo.

f(p);
f(p,);

Math.max(10, 20);
Math.max(10, 20,);

Exemplos de erro

Abaixo podemos ver alguns exemplos de como não devemos utilizar.

function f(,) {} // SyntaxError: missing formal parameter
(,) => {};       // SyntaxError: expected expression, got ','
f(,)             // SyntaxError: expected expression, got ','

function f(...p,) {} // SyntaxError: parameter after rest parameter
(...p,) => {}        // SyntaxError: expected closing parenthesis, got ','

Para ser bem sincero essa funcionalidade não foi uma das que mais me chamaram a atenção, mas se ela passou pela votação do TC39, deve ter sido bem requisitada pela comunidade.

Referência

Mozilla: https://developer.mozilla.org/

Compartilhe:

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn

Table of Contents

Postagens Relacionadas

RockBottomRiser

Rock Bottom Riser

Rock Bottom Riser 01/03/2021(US) – Documentário – 1h 10min –   Nota: 0/10   Sinopse     Elenco Nainoa Thompson Como – master navigator Moses
SaferatHome

Safer at Home

Safer at Home 26/02/2021(US) – Filmes – 0h 0min –   Nota: 0/10   Sinopse     Elenco Mais informações Título Original Safer at Home
SouLunaOUltimoShow

Sou Luna: O Último Show

O elenco de “Sou Luna” se apresenta ao vivo pela última vez no mítico estádio Luna Park em Buenos Aires. Vamos acompanhá-los na intimidade dos bastidores e r…
Chansondouce

Chanson douce

Chanson douce () – Drama, Crime – 1h 40min –   Nota: 6/10   Sinopse     Elenco Leïla Bekhti Como – Myriam Karin Viard