es6中``编译是如何实现的

Question

最近一直在用这个感觉很神奇

Answer 1

看一下 babel 的结果 https://babeljs.io/repl/#?bab...

Answer 2

两个模板字符串拼接的例子，babel-v6.26.0

const familyName = "Lee"
const givenName = "Bruce"
const fullName = `Fullname is ${givenName} ${familyName}`

编译成：

"use strict";
var familyName = "Lee";
var givenName = "Bruce";
var fullName = "Fullname is " + givenName + " " + familyName;

function getFullName(familyName,givenName) {
    return `My name is ${givenName} ${familyName}.`;
}
console.log(getFullName("Bruce","Lee"))

编译成：

"use strict";
function getFullName(familyName, givenName) {
    return "My name is " + givenName + " " + familyName + ".";
}
console.log(getFullName("Bruce", "Lee"));