Как получить ссылку на объект из проксирующего метода?

Question

[cyb1ove]

const availableTags = ['div', 'h1', 'p', 'span'];

function tagsCollector() {
  this.tags = [];

  this.addTag = function(tag) {
    this.tags.push(tag);
  }
}

class Format {
  constructor() {
    this.tags = new tagsCollector();
  }
}

availableTags.forEach(tag => {
  Object.defineProperty(Format.prototype, tag, {
    value: new Proxy(text => {
      return `
        <${tag}>
          <${this.tags.reduceRight((html, curtag) => {
            return `<${curtag}>${html}</${curtag}>`;
          }, text)}
        </${tag}>
      `
    }, { get: (_, props) => {
      this.tags.addTag(tag);

      return this;
    }})
  })
})

Задача field chained HTML formatting c codewars. Нужно реализовать паттерн fluent interface типа Format.div.p('text'). Для каждого тега создаю геттер, который добавляет тег в tagCollector и возвращает текущий объект Format. Думал проксировать геттер, но тогда теряется контекст вызова и я не могу получить доступ к this.tags.

Comments

[Fedor Vlasenko]

погодите, какой смысл codewars задачи рассматривать здесь
вы сами их решить должны
не можете, есть у них вроде функционал открытия решения
иначе смысл в этой задачи?
если вы не знаете подробнее разберитесь с темой

[0xD34F]

было