Значення ключового слова `this` функції, поверненого від геттера

Я знайшов несподіване значення цього ключового слова в наступному прикладі:

let x = {
    z : 10 ,
    get func1() {
        return function(v) {
            console.log(this === v);
        }
    }
}


x.func1(x)

Значення цього ключового слова - це об'єкт x, як ніби він виконаний з цього об’єкта, я очікую, що лише функція get , у якої це ключове слово, дорівнює виклику об'єкта x

цей приклад показує нам різницю

let x = {
    func2() {
        return function(v) {
            console.log(this === v);
        }
    }
}

x.func2()(x);

В обох прикладах func1, яка є функцією getter, і func2, яка є методом об'єкта, виконуються з об'єкта x , і повертається функція потім виконується. То чому це значення у першому прикладі не дорівнює глобальному об'єкту замість об’єкту x .

Це дуже цікаве питання.

Це тому, що функція викликається негайно в результаті доступу до властивості. Отже, це принципово рівнозначно:

let x = {
    get func1() {
        return function(v) {
            console.log(this === v);
        };
    },
    func2(v) {
        console.log(this === v);
    }
};

x.func1(x);
x.func2(x);

В обох випадках:

1. Значення властивості зчитується, в результаті чого виникає посилання на функцію.
2. Ця функція виконується як частина одного виразу доступу до властивості.

Те, що func1є власністю доступу та func2є властивістю даних, не має значення. Важливим є те, як використовується значення, отримане при читанні властивості.