Почему когда this хранится в свойстве one, возвращает Window?

Question

[salat228]

let a = {
    one: this,
    two: 'test' 
}
console.log(a.one) // Window
console.log(a.one.two) // Ошибка

a.one возвращает window но когда использую one как метод, все нормально

let a = {
    one() {
      return this
    },
    two: 'test' 
}
console.log(a.one())
console.log(a.one().two) // test

Как это работает?? Я не понимаю

Comments

[Rerurk]

А что сейчас по вашему this?

[Strannyk]

Читайте про контекст и виды функций в JS.

Answer 1

[Сергей Соколов]

Первый вариант кода равносилен такому:

const that = this; // Window
let a = {
    one: that, // всё тот же Window
    two: 'test' 
}
console.log(a.one) // Window

и такому со стрелочной функцией:

const one = () => this; // объявили в глобальном контексте
let a = {
  one,
  two: "two",
}
a.one() // Window

Где функцию объявили, «в то отделение и обращайтесь» )

Конечно, стоит перечитать

1. про this
   
2. про привязку контекста
   
3. про стрелочные функции