What can you do with ES6 string template literals?

template-literals.md

DOM selectors

var elements = query`.${className}`;

Localization

var message = l10n`Hello ${name}; you are visitor number ${visitor}:n!
You have ${money}:c in your account!`;

Customizable regexps

var match = input.match(re`\d+${separator}\d+`);

Multiline regexps

var parts = str.match(regex`
    ^                    # match at start of string only
    / (?<year> [^/]+ )   # capture top dir name as year
    / (?<month> [^/]+ )  # capture subdir name as month
    / (?<title> [^/]+ )  # capture file name without ext as title
    \.html? $            # .htm or .html file ext at end of path
`);

See also: https://gist.github.com/slevithan/4222600

Embedded HTML

html`<a href="${url}">${text}</a>`

Shell commands

var proc = sh`ps ax | grep ${pid}`;

Byte strings

var buffer = bytes`455336465457210a`;

qsa example by @domenic: http://traceur-compiler.googlecode.com/git/demo/repl.html#function%20qsa(%7B%20raw%2C%20cooked%20%7D%2C%20...vars)%20%7B%0A%20%20%2F%2F%20OK%20pretend%20I%20did%20the%20correct%20escaping%20and%20modified%20%60vars%60%0A%20%20%2F%2F%20according%20to%20preceding%20characters%20in%20%60cooked%60.%0A%20%20%2F%2F%20Then%20I%20can%20delegate%20to%20%60String.raw%60%20to%20reassemble%20into%20a%20string%3A%0A%20%20var%20selector%20%3D%20String.raw(%7B%20raw%2C%20cooked%20%7D%2C%20...vars)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20return%20Array.prototype.slice.call(document.querySelectorAll(selector))%3B%0A%7D%0A%0Aqsa%60div%60.forEach(function%20(el)%20%7B%0A%20%20console.log(el.className)%3B%0A%7D)%3B

For some of these examples, it may make sense to briefly explain why they are cool and how they would work.

Yes an explanation would be great.

I guess this would not work. ;)

let serverCrash = sh`rm -R /`;