ES6: string templates - Blog

Play with strings can often be something a little bit painful (you can also read boring இ_இ). This is due mainly to the fact of having to concatenate words/phrases with variables.

	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

Strings templates for our happiness.

	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

My friend Rafael Rinaldi made a good point: you can use any kind of expression, not just variables.

	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

Here you can find an JS Bin with the examples.