5

在研究了这个 Es6 标签模板示例之后：

var yo = func`${x} + ${y}\n= ${x + y}`;

one@public-node ~/es6 $ 6to5 tag.js 
"use strict";

var _taggedTemplateLiteral = function (strings, raw) {
  return Object.freeze(Object.defineProperties(strings, {
    raw: {
      value: Object.freeze(raw)
    }
  }));
};

var yo = func(_taggedTemplateLiteral(["", " + ", "\n= ", ""], ["", " + ", "\\n= ", ""]), x, y, x + y);

我看到返回的是var yo = func(strings, raw, x, y, x + y);

我了解有关字符串文字和x y插入的值的基础知识。我不明白的是......何时使用字符串与何时使用原始字符串？由于该函数具有两个数组，并且用户无法控制告诉该函数何时使用 raw 以及何时使用cooked(strings)。

4

1 回答 1

3

标记函数func只传递一个数组。该数组来自_taggedTemplateLiteral函数，该函数接受传入的“字符串”参数并向其添加单个属性。

该函数func将像这样声明（ES5 风格）：

function func(strings) {
  var params = [].slice.call(arguments, 1);
  // do stuff
}

如果在内部func，代码需要使用“原始”字符串，它只会访问.raw“字符串”变量的属性：

function func(strings) {
  var params = [].slice.call(arguments, 1);

  var raw2 = strings.raw[2];

  // do stuff
}

所以“用户”——标签功能的作者——确实有控制权。标记函数中的代码可以随时检查模板部分的原始内容。本质上实现 DSL 的标记函数可能只想使用原始字符串，而更简单的模板机制不会关心并且乐于使用“解析”字符串，这可能是这种情况。

于 2015-01-05T15:43:57.650 回答