Как сделать, чтобы this указывал на текущий объект?

Question

[dmitry-toster]

У объекта ведь свой this и мы обращаемся к нему напрямую:

const obj = {
    foo: 'bar',
    bar: this.foo
}

obj.bar // undefined. Почему? Как через `this` сделать, чтобы было 'bar'?

Я добился этого через геттер.

const obj = {
    foo: 'bar',
    get bar() {
        return this.foo
    }
}

obj.bar // bar

Но меня интересует почему это не работает в первом варианте?

Comments

[Ярослав Иванов]

bar: this.foo
Потому что так никто не пишет

Потому что на момент вычисления свойства объекта ещё не было и this указывал на window а у window нет свойства bar потому и undefined.

[dmitry-toster]

Ярослав Иванов, т.е нужно писать только через геттер и никак иначе?

[RAX7]

У объекта ведь свой this

Нет. Свой this есть у функции/метода

[Ярослав Иванов]

dmitry-toster, зачем так писать? Чем foo не устраивает?

Через getter да

[dmitry-toster]

Ярослав Иванов , RAX7 спасибо, ребята. Отмечу решением, если оформите ответом)

[dmitry-toster]

Ярослав Иванов, зачем так писать? - мне такая запись показалась вполне логичной) почему бы не ссылаться на сам же объект, чтобы тупо не дублировать значение? это ведь удобно)

[Ярослав Иванов]

dmitry-toster, а зачем в свойство копировать тоже самое значение? Задача какая? *создание троллейбуса из буханки хлеба*

[dmitry-toster]

Ярослав Иванов, например, чтобы создать какое-то вычисляемое значение на основе имеющегося.
вот банальный пример:

const obj = {
    n: 1,
    get doubleN() {
        return this.n * 2 // или иная более длинная логика
    }
}

obj.doubleN // 2

[Ярослав Иванов]

dmitry-toster, тут вы действие описали а действие это функция. Это совершенно отличается от того что в вопросе написали

Answer 1

[Robur]

меня интересует почему это не работает в первом варианте?

потому что и не должно.
Там происходит совсем не то что вы думаете, а чтобы то, что вы думаете соответствовало реальности, вам нужно прокачивать навык понимания JS.

в строке bar: this.foo значение this относится к тому месту где все это происходит и не имеет никакого отношения к obj.

этот код эквивалентен:

const x = this.foo
const obj = {
    foo: 'bar',
    bar: x
}

подумайте, почему x==undefined, и поймете что происходит у вас.