này là undefined bên trong mũi tên chức năng

Question

tôi đang cố gắng để truy cập này bên trong mũi tên chức năng của tôi:

import myObject from '../myObjectPath'; 
export const myClass = Fluxxor.createStore({ 
    initialize() { 
     this.list = []; 
     this.id = null; 
    }, 
    myOutsideFunction(variable1) { 
     // here this in NOT undefined 
     myObject.getMyList(this.id, (myList) => { 
      // here this in undefined 
      this.list = myList; 
     } 
    }); 
)}; 

Nhưng bên trong mũi tên chức năng mà trong hàm callback ma này là undefined !!

Tôi đang sử dụng babel để transpile mã:

myOutsideFunction: function myOutsideFunction() { 
    var _this = this; 
    myObject.getMyList(function (myList) { 
     _this.list = myList; 
    }); 
}, 

Answer 1

Nếu this là undefined trong vòng một chức năng mũi tên, nó không xác định bên ngoài của mũi tên là tốt. Chức năng mũi tên chỉ cần chụp this của phạm vi xung quanh.

Trong trường hợp này, bạn khai báo myOutsideFunction làm phương thức trên một đối tượng theo nghĩa đen và không bao giờ ràng buộc hoặc làm bất kỳ điều gì khác gọi nó với đối tượng là this.

Khi gỡ lỗi, nhớ rằng các trình chuyển đổi có thể đổi tên biến (và phải đổi tên this để chụp chính xác). Sử dụng tên gốc trong bảng điều khiển mà không có sourcemaps bao gồm đổi tên sẽ hiển thị cho bạn undefined ngay cả khi giá trị ban đầu không. Đảm bảo bạn sử dụng tên được chuyển đổi trong các lệnh đồng hồ hoặc bảng điều khiển.