为什么Math.sin'1'工作和Math.sin'1'不[重复]

Question

如果我在浏览器控制台输入这个表达式（带有严重的口音）：

Math.sin`1`

它将返回：

0.8414709848078965

但是如果我输入这个表达式（带单引号）：

Math.sin'1'

它将返回错误：

语法错误：意外的数字

你能解释一下为什么会这样吗？

Answer 1

tag`template literal`是模板literal语法的一部分。它不适用于其他字符串文本。

Answer 2

这就是所谓的标记模板文字：

fn`string`

假设fn是一个函数，只会导致调用fn，并将string作为第一个参数。

当您需要进行${..}替换时，标记的模板文字函数更有用。在MDN示例中：

var person = 'Mike';
var age = 28;

function myTag(strings, personExp, ageExp) {
  var str0 = strings[0]; // "that "
  var str1 = strings[1]; // " is a "
  return str0 + personExp + str1 + (
    ageExp > 99
    ? 'centenarian'
    : 'youngster'
  );
}

console.log(myTag`that ${ person } is a ${ age }`);