Как сделать обращение к свойству через this внутри конфига нового экземпляра созданного на основе класса?

Question

[Руслан Тимурзиев]

В моем экземпляре есть свойство VIEW, которое в данный момент является функцией внутри объекта-аргумента(conf) нового экземпляра MyClass. Сейчас все работает, но как сделать так, чтобы VIEW стал строкой(или объектом) и объявлялся по типу
VIEW: `${this.DATA.title}`
при этом, чтобы this возвращала область conf, где this.DATA.title равна 'Title'. В данном случае this возвращает Window.

class MyClass {
  constructor(conf) {
  	/** public props */
  	this.ENTRY = conf.ENTRY;
  	this.DATA = conf.DATA;

  	/** instance methods */
  	// get dom element
  	conf.$ = (el) => {
		var all = document.querySelectorAll(el);
		return all.length > 1 ? all : document.querySelector(el);
	}

  	/** inits */
  	conf.$(this.ENTRY).innerHTML = conf.VIEW();
  	conf.LOGIC();
  }

  die() {
  	conf.$(this.ENTRY).innerHTML = '';
  }
}






var app = new MyClass({
	ENTRY: '#app',

	DATA: {
		title: 'Title'
	},

	VIEW() {
		return `
			<h1>${this.DATA.title}</h1>
		`
	},

	LOGIC() {
		console.log(this.$('h1'))
	},
});

Answer 1

[Stalker_RED]

и объявлялся по типу
VIEW: `${this.DATA.title}`

Сразу в момент объявления там строка. Примитивная такая, которая ни на какой this уже не ссылается. Ссылалась в момент объявления, но как только стала строкой - всё.

bind, call, apply.
Выберите что вам больше подойдет/понравится.

Comments

[Руслан Тимурзиев]

Здравствуйте, успел и так, и сяк.
В моем случае я не вижу где применить apply/call/bind. Внутри конструктора или внутри экземпляра?

[Stalker_RED]

Руслан Тимурзиев: Я не понимаю смысла этой конструкции, так что вряд-ли напишу готовое решение.
Можно в conf прописать функцию

VIEW: function(){
  var foo = // ссылаемся куда надо
  return foo.DATA.title
}

Когда она будет вызвана внутри объекта у нее будет шанс получить нужный контекст.