Как реализовать отображение в массиве через this без ES6?

Question

[Алексей Дзюба]

Есть такой код:

spoiler

var tahoe = {
  resorts: ["Kirkwood","Squaw","Alpine","Heavenly","Northstar"],
  print: function(delay=1000) {
    setTimeout(function() {
      console.log(this.resorts.join(","))
    }, delay)
  }
}
tahoe.print()

- ссылка на кодпен
Но фишка в том, что в консоли выбивает ошибку Cannot read property 'join' of undefined. Знаю, что можно использовать стрелочную функцию, чтобы был доступен правильный контекст - вот ссылка со стрелочной. А как можно сделать без ES6?

Answer 1

[0xD34F]

Можно использовать bind:

setTimeout(function() {
  console.log(this.resorts.join(', '));
}.bind(this), delay);

Или в переменную сохранить текущий контекст до вызова setTimeout и использовать её вместо this:

var that = this;
setTimeout(function() {
  console.log(that.resorts.join(', '));
}, delay);

Comments

[Алексей Дзюба]

Спасибо!

Answer 2

[Alex Ander]

Как вариант

var tahoe = {
  resorts: ["Kirkwood","Squaw","Alpine","Heavenly","Northstar"],
  print: function(delay=1000) {
    setTimeout(function(self) {
      console.log(self.resorts.join(","))
    }, delay, this);
  }
}
tahoe.print();