O valor da palavra-chave `this` de uma função retornada de um getter

Encontrei um valor inesperado dessa palavra - chave no exemplo a seguir:

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


x.func1(x)

O valor dessa palavra-chave é o objeto x como se fosse executado a partir desse objeto. Espero que apenas a função get que tenha essa palavra - chave seja igual ao objeto que chama x

este exemplo mostra a diferença

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

x.func2()(x);

Nos dois exemplos, func1, que é a função getter, e func2, que é um método do objeto, são executados a partir do objeto x , e a função retornada é executada. Então, por que esse valor no primeiro exemplo não é igual ao objeto global em vez do objeto x .

Essa é uma pergunta muito interessante.

É porque a função está sendo chamada imediatamente no resultado de um acesso à propriedade. Portanto, estes são fundamentalmente equivalentes:

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

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

Em ambos os casos:

1. O valor da propriedade é lido, resultando em uma referência de função.
2. Essa função é executada como parte da mesma expressão de acesso à propriedade.

O fato de func1ser uma propriedade de acessador e de func2propriedade de dados não importa. É como é importante o valor resultante da leitura da propriedade.