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

Question

[dsmaslov]

var simillarAds = [
  {
    'author': {
      'avatar': generateAvatarUrl(1)
    },

    'offer': {
      'address': function () {
        return this.location.x + ', ' + this.location.y;
      },
      'location': {
        'x': randomInteger(X_LOCATION_START, X_LOCATION_END),
        'y': randomInteger(Y_LOCATION_START, Y_LOCATION_END)
      }
    }
  }
];

Если делать метод address анонимным и сразу вызывать его, то this теряет область видимости. Как в таком случае сделать так, чтобы объект address возвращал сразу значения из location.x ( функция, где генерируется случайное число и возвращается) и location.y (тоже) с помощью только ES5?

И можете приложить статью по этой теме? По потере this уже читал, но именно мою ситуацию нагуглить не смог.

Answer 1

[i1yas]

можно так

var simillarAds = [
  {
    'author': {
      'avatar': generateAvatarUrl(1)
    },

    'offer': {
      get address () {
        return this.location.x + ', ' + this.location.y;
      },
      'location': {
        'x': randomInteger(X_LOCATION_START, X_LOCATION_END),
        'y': randomInteger(Y_LOCATION_START, Y_LOCATION_END)
      }
    }
  }
];

Comments

[dsmaslov]

как один из вариантов, спасибо! больше реализаций не можете подсказать?

[i1yas]

Больше ничего не приходит в голову. Привязывать контекст к данной функции достаточно геморно, нужно статично, ПОСЛЕ объявления объекта перезаписать значение address, будет длинная лапша:

simillarAds[0].offer.address = simillarAds[0].offer.address.call(simillarAds[0].offer)

Ну либо вообще вынести определние функции после литерала объекта:

simillarAds[0].offer.address = function () {
  return this.location.x + ', ' + this.location.y;
}.call(simillarAds[0].offer);

[dsmaslov]

i1yas, благодарю!

Answer 2

[holymotion]

У вас ничего и не теряется, коллсайт для функции это объект offer (в случае, если вызываете типа simillarAds[0].offer.address()) . Залогируйте this в функции address. Если вы получаете на выходе x, y - undefined, возможно, у вас не правильно отрабатывают функции randomInteger или X_LOCATION_* указывает на не то значение.

Comments

[dsmaslov]

Да, Вы правы, ничего и не теряется в коде, представленным мной. this возвращает объект offer и функции правильно обрабатывают и возвращают корректное значение, возможно, что объяснил непонятно.

если сделать таким образом:

'address': (function () {
        return this.location.x + ', ' + this.location.y;
})(),

то будет «Cannot read property 'location' of undefined». Мне нужно по итогу не вызывать метод address, а чтобы он вызвался сам после объявления и вернул значение, используя location.x и location.y