ES6: template strings - Blog

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

view raw es6-string-templates-01.js hosted with ❤ by GitHub

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

view raw es6-string-templates-02.js hosted with ❤ by GitHub

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

view raw es6-string-templates-03.js hosted with ❤ by GitHub

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

Ver mais posts