1

Конкретно имеются вопросы по строкам 1 и 2.

В примере ниже функция i18n осуществляет перевод строки. Она подбирает по строке вида "Hello, ${name}!" шаблон перевода "Привет, {0}!" (где {0} – место для вставки параметра) и возвращает переведённый результат со вставленным именем name:

'use strict';

let messages = {
  "Hello, {0}!": "Привет, {0}!"
};

function i18n(strings, ...values) {
  // По форме строки получим шаблон для поиска в messages
  // На месте каждого из значений будет его номер: {0}, {1}, …
  let pattern = "";
  for(let i=0; i<values.length; i++) {
    pattern += strings[i] + '{' + i + '}';
  }
  pattern += strings[strings.length-1];
  // Теперь pattern = "Hello, {0}!"

  let translated = messages[pattern]; // "Привет, {0}!" (1)*

  // Заменит в "Привет, {0}" цифры вида {num} на values[num]
  return translated.replace(/\{(\d)\}/g, (s, num) => values[num]);//(2)*
}

// Пример использования
let name = "Вася";

// Перевести строку
alert( i18n`Hello, ${name}!` ); // Привет, Вася!

4
  • 1
    Конкретно имеются вопросы по строкам 1 и 2. - а что за вопросы-то?
    – Grundy
    Commented 11 нояб. 2018 в 11:52
  • С первой понятно,непонятно,что в функции replace происодит Commented 11 нояб. 2018 в 13:11
  • А для чего добавлять последний кусок строки strings[strings.length-1]; ? Без этого строка целой после перебора массива строк и прибавления к переменной pattern будет не полной? Commented 12 февр. 2019 в 13:34
  • 1
    А ты читал ответ? :-) там понятно написано что приходит в strings, а что в values. Суть в том, что исходный шаблон разбивается на подстроки и значения, который между этими подстроками вставляются. в функции ты собираешь строку заново, подставляя нужные значения. При этом values у тебя всегда на 1 меньше, то есть после цикла вставки всех values, остался последний элемент в strings, которому не соответствует ни одно значение. Иногда он может быть пустой строкой, но в общем случае нет. поэтому его вручную и добавляют в результат.
    – Grundy
    Commented 12 февр. 2019 в 14:00

1 ответ 1

2

В Вашем коде используется шаблонная строка, точнее, теговый шаблон:

Они позволяют разбирать шаблонные литералы с помощью функции. Первый аргумент такой функции содержит массив строковых значений, а остальные содержат выражения из подстановок. В итоге, функция должна вернуть собранную строку (или что-либо совсем иное).

То есть, значения из массива строк и второго массива логически идут последовательно друг за другом. Например, для строки Hello, ${"Peter"}, how ${"are you?"}? будут сформированы такие аргументы:

strings = ["Hello, ", ", how ", "?"]
values = ["Peter", "are you"]

В текущем случае аргументы такие:

strings = ["Hello, "!"]
values = ["Вася"]

Получается, что исходный шаблон для перевода потерян. Цикл после строки let pattern = ""; и до Вашей первой строки как раз его и восстанавливает – собирает части строк из массива strings и добавляет скобки с индексами. Получается строка "Hello, {0}!"

На самой строке 1 (let translated = messages[pattern]) в словаре ищется построенный шаблон и его перевод. Получается строка "Привет, {0}!" После, на строке 2, индексы в фигурных скобках перевежённого шаблона заменяются обратно на подставленные значения из вызывающей функции с помощью лямбды и регулярного выражения. В итоге получается искомое "Привет, Вася!"

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.