ES2015 Babel String Interpolacja nie działa z apostrofem (ale ma podwójne cudzysłowy)

Question

Używam babel/chrzęst, aby nauczyć się ES2015.

Zgodnie z this post nie ma rzeczywistej różnicy w JavaScript między pojedynczymi i podwójnymi cytatami. tj. "test" i "test".

Jednak przy próbie interpolacji ciągów wygląda na to, że istnieje problem z babeljs (lub bardziej prawdopodobnie - ja). Co jest nie tak z poniższym kodem?

Zgodnie z this document, wydaje się, że oba powinny działać. W konsoli Chrome nie ma żadnych błędów.

robocza JS:

var name = "Bob", time = "today"; 
alert(`Hello ${name}, how are you ${time}?`); 

Transpiles do:

var name = "Bob", 
    time = "today"; 
alert("Hello " + name + ", how are you " + time + "?"); 

Zapewnia oczekiwany rezultat.

przypadku braku JS:

var forename = 'bob', surname = 'test'; 
alert('hello ${forename} ${surname} - how are you?'); 

Transpiles do:

var forename = "bob", 
    surname = "test"; 
alert("hello ${forename} ${surname} - how are you?"); 

i daje następujący wynik:

Answer 1

Masz rację, to nie różni się między ' i " jeśli chodzi o ciągów, ale w tym celu interpolacji ciąg, wy koniecznością użytku backticks wokół swojej ciąg szablonu, np

ES2015

var forename = 'bob', surname = 'test'; 
alert(`hello ${forename} ${surname} - how are you?`); 

Wynikające ES5

var forename = 'bob', 
    surname = 'test'; 
alert('hello ' + forename + ' ' + surname + ' - how are you?'); 

Babel REPL