Как в es5 забиндить контекст текущего класса-функции методу объекта?

Question

[historydev]

Есть такой пример, нужно получить this.abc в методе объекта, es5 only, опустить контекст стрелочной не получится:

function Test() {
	this.abc = 123;
  this.obj = {
  	try: function() { console.log(this.abc) }
  }
}

Answer 1

[historydev]

https://developer.mozilla.org/en-US/docs/Web/JavaS...

function Test() {
	this.abc = 123;
  this.obj = {
  	try: function() { console.log(this.abc) }
  }
  return this
}

const t = new Test();
const obj = t.obj.try;
obj.apply(t)

Comments

[Максим]

А можно узнать, где, в каком случае это может пригодится?

[historydev]

Максим, допустим у тебя есть класс, нужно внутри метода объекта обратиться к методу класса или полю:

function Test() {
	this.abc = 123;
  this.obj = {
  	try: function() { console.log(this.abc) }
  }
  
  this.callTryFromObj = function() {
  	this.obj.try.apply(this);
  }
  
}

const t = new Test();

t.callTryFromObj();

[Lynn «Кофеман»]

const obj — это ужасное вводящее в заблуждение имя переменной.

[Lynn «Кофеман»]

И вообще, ответ не отвечает на поставленный вопрос.
Это не «забиндить контекст», а просто вызов функции в другом контексте.

[historydev]

Lynn «Кофеман», это максимально тупой пример для наглядности, он не несёт смысла, его даже кодом не назовёшь. Поэтому такие комментарии излишни.

Да, ты прав, я как-то не подумал о том что можно в переменную записать, спасибо. Мне был удобен apply, могу заюзать bind и будет ответ на вопрос, придирки по приколу какие-то.

[Lynn «Кофеман»]

Владимир, ну нет.

«Забиндить контекст» подразумевает что вызов функции не нуждается в дополнительных костылях в виде apply/call. Чаще всего потому что ты передаёшь функцию в какой-нибудь коллбек и не имеет возможности повлиять на то как функция будет вызываться.

К тому же целевая аудитория этого вопроса это новички, так что исползование apply вместо bind без каких-либо пояснений не добавит им понимания.

Answer 2

[Lynn «Кофеман»]

Вообще обычно так:

function Test() {
  var that = this;
  this.abc = 123;
  this.obj = {
    try: function() { console.log(that.abc); }
  }
}