Il valore di questa parola chiave di una funzione restituita da un getter

Ho trovato un valore imprevisto di questa parola chiave nell'esempio seguente:

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


x.func1(x)

Il valore di questa parola chiave è l'oggetto x come se fosse eseguito da quell'oggetto, mi aspetto che solo la funzione get che abbia questa parola chiave sia uguale all'oggetto chiamante x

questo esempio ci mostra la differenza

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

x.func2()(x);

In entrambi gli esempi, func1, che è la funzione getter, e func2, che è un metodo dell'oggetto, vengono eseguiti dall'oggetto x e la funzione restituita viene quindi eseguita. Quindi perché questo valore nel primo esempio non è uguale all'oggetto globale invece che all'oggetto x .

Questa è una domanda molto interessante.

È perché la funzione viene chiamata immediatamente sul risultato di un accesso alla proprietà. Quindi questi sono fondamentalmente equivalenti:

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

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

In entrambi i casi:

1. Viene letto il valore della proprietà, risultante in un riferimento alla funzione.
2. Tale funzione viene eseguita come parte della stessa espressione di accesso alla proprietà.

Il fatto che func1sia una proprietà accessor ed func2una proprietà data non ha importanza. È importante il valore che deriva dalla lettura della proprietà.