Giá trị của từ khóa `this` của hàm được trả về từ một getter

Tôi tìm thấy một giá trị bất ngờ của từ khóa này trong ví dụ sau:

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


x.func1(x)

Giá trị của này từ khóa là đối tượng x là nếu nó được thực hiện từ đối tượng đó, tôi hy vọng chỉ có chức năng get có này từ khóa tương đương với các đối tượng gọi x

ví dụ này cho chúng ta thấy sự khác biệt

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

x.func2()(x);

Trong cả hai ví dụ func1 là hàm getter và func2 là một phương thức của đối tượng, được thực thi từ đối tượng x và sau đó hàm trả về sẽ được thực thi. Vậy tại sao giá trị này trong ví dụ đầu tiên không bằng đối tượng toàn cầu thay vì đối tượng x .

Đó là một câu hỏi rất thú vị.

Đó là bởi vì chức năng đang được gọi ngay lập tức trên kết quả của việc truy cập thuộc tính. Vì vậy, những điều này là tương đương về cơ bản:

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

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

Trong cả hai trường hợp:

1. Giá trị của thuộc tính được đọc, dẫn đến tham chiếu hàm.
2. Hàm đó được thực thi như một phần của cùng một biểu thức truy cập thuộc tính.

Thực tế đó func1là một thuộc tính truy cập và func2là một thuộc tính dữ liệu không thành vấn đề. Đó là cách giá trị kết quả từ việc đọc tài sản được sử dụng là vấn đề quan trọng.