Foto mostra quatro caixas de jornais, provavelmente americanos, em bairro residencial

ES6: template strings

Brincar com strings muitas vezes pode ser algo um pouco trabalhoso (pode-se ler chato também இ_இ). Isso se deve ao fato principalmente de termos que concatenar palavras/frases com variáveis.

let author = 'Tiririca';
let word = 'Worse';

let oldMessage = word + ' than it is, it is impossible. - ' + author;

console.log(oldMessage);
// Worse than it is, it is impossible. - Tiririca

Template strings para a nooooooooossa alegria.

let author = 'Tiririca';
let word = 'Worse';

let message = `${word} than it is, it is impossible. - ${author}`;

console.log(message);
// Worse than it is, it is impossible. - Tiririca

Meu amigo Rafael Rinaldi fez uma boa observacão: é possível utilizar qualquer tipo de expressão e não só variáveis.

const obj = {
  foo: 'bar'
};

const fn = foo => foo;

console.log( `${obj.foo}` );
// bar

console.log( `${fn('aloha')}` );
// aloha

Aqui você encontra um JS Bin com os exemplos acima.

Gostou? Escrevi alguma groselha? Quer melhorar? Abra uma issue mencionando o post e vamos conversar.

See all posts...