1

以下代码片段用于 Mozilla ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals ) 来解释Tagged Template literal，请帮助我了解以下函数在做什么，我无法得到该功能的实际流程，因为他们已经使用keys.foreach并且当我在 Chrome 中检查时，键是一个功能，所以无法理解

function template(strings, ...keys) {
  return (function(...values) {
    var dict = values[values.length - 1] || {};
    var result = [strings[0]];
    keys.forEach(function(key, i) {
      var value = Number.isInteger(key) ? values[key] : dict[key];
      result.push(value, strings[i + 1]);
    });
    return result.join('');
  });
}

var t1Closure = template`${0}${1}${0}!`;
t1Closure('Y', 'A');  // "YAY!"
var t2Closure = template`${0} ${'foo'}!`;
t2Closure('Hello', {foo: 'World'});  // "Hello World!"
4

2 回答 2

2

示例中的大部分复杂性来自重载函数和forEach调用，而不是来自标记的模板文字。最好把它写成两个不同的案例：

function dictionaryTemplate(strings, ...keys) {
  return function(dict) {
    var result = "";
    for (var i=0; i<keys.length; i++)
      result += strings[i] + dict[keys[i]];
    result += strings[i];
    return result;
  };
}
const t = dictionaryTemplate`${0} ${'foo'}!`;
t({0: 'Hello', foo: 'World'});  // "Hello World!"


function argumentsTemplate(strings, ...keys) {
  is (!keys.every(Number.isInteger))
    throw new RangeError("The keys must be integers");
  return function(...values) {
    var result = "";
    for (var i=0; i<keys.length; i++)
      result += strings[i] + values[keys[i]];
    result += strings[i];
    return result;
  };
}
const t = argumentsTemplate`${0}${1}${0}!`;
t('Y', 'A');  // "YAY!"
于 2017-09-14T11:51:24.010 回答
1

模板是我们定义的用于解析模板字符串的自定义函数，每当使用函数解析模板字符串时
，标签函​​数的第一个参数包含一个字符串值数组。其余参数与表达式有关。
所以在这里特别是我们已经将函数写入给定的输出
我感到困惑，因为当在forEach中检查键时，我在控制台中得到了一个函数，但是在forEach之前检查函数将键作为可配置字符串$ {0}的数组第一个示例中的 ${1}

于 2017-09-14T11:44:54.407 回答