es6 Lớp Javascript sử dụng điều này bên trong một cuộc gọi lại

Question

Lớp es6 mới cho phép bạn sử dụng biến tham chiếu tự this các phương thức bên trong.
Tuy nhiên, nếu một phương pháp lớp có một chức năng phụ hoặc gọi lại, mà chức năng/callback không còn có quyền truy cập vào biến tài liệu tham khảo tự this

class ClassName { 
    constructor(dir){ 
    this.dir = dir; 
    fs.access(this.dir, fs.F_OK | fs.W_OK, this.canReadDir);//nodejs fs.access with callback 
    } 

    canReadDir(err){ 
    this.dir;// NO ACCESS to class reference of this 
    } 
    //OR 
    aMethod(){ 
    function aFunc(){ 
     this.dir;// NO ACCESS to class reference of this 
    } 
    } 
} 

Có bất kỳ giải pháp này?

Answer 1

Bạn có các tùy chọn sau:

1) Sử dụng một mũi tên chức năng:

class ClassName { 
    // ... 
    aMethod(){ 
    let aFun =() => { 
     this.dir;// ACCESS to class reference of this 
    } 
    } 
} 

2) Hoặc phương pháp bind():

class ClassName { 
    // ... 
    aMethod(){ 
    var aFun = function() { 
     this.dir;// ACCESS to class reference of this 
    }.bind(this); 
    } 
} 

3) Lưu trữ this trong một biến chuyên ngành:

class ClassName { 
    // ... 
    aMethod(){ 
    var self = this; 
    function aFun() { 
     self.dir;// ACCESS to class reference of this 
    } 
    } 
} 

This article mô tả các chi tiết cần thiết về this và mũi tên hàm trong JavaScript.

Answer 2

Đặt một tham chiếu đến dir trong aMethod(), sau đó sử dụng trong aFunc như

aMethod() { 
    var tempDir = this.dir; 
    aFunc() { 
     console.log(tempDir); 
    } 
}