Làm thế nào để gọi bên ngoài "này" trong chức năng bên trong?

Question

tôi định nghĩa hai hàm cho mảng:

Array.prototype.remove = function(obj) { 
    var i = this.length; 
    while (i--) { 
     if (this[i] === obj) { 
      this.removeAt(i); 
     } 
    } 
}; 
Array.prototype.removeAll = function(array2) { 
    array2.forEach(function(item) { 
     this.remove(item); // remove not found!! 
    }); 
} 

Nhưng trong removeAll chức năng, nó báo cáo function remove is not found. Tôi sửa nó như sau:

Array.prototype.removeAll = function(array2) { 
    var outer = this; 
    array2.forEach(function(item) { 
     outer.remove(item); 
    }); 
} 

Nhưng nó xấu xí. Có cách nào tốt hơn?

Answer 1

Chuyển this qua biến khác như bạn làm là cách tiếp cận thành ngữ. Không có gì xấu về nó. (Thông thường, hãy gọi biến số that hoặc self)

Answer 2

Có Function.bind và tương tự.

array2.forEach((function(item) { 
    this.remove(item); 
}).bind(this)); 

Đó không phải là về mặt kỹ thuật như nhau, như trước đây "bên này" bây giờ được shadowed/bị mất (và một hàm wrapper mới được tạo ra), nhưng nó hoạt động độc đáo trong một số ngữ cảnh.

Đối với hầu hết các phần, tôi thích tiêu chuẩn var self = this ...

Mã hóa hạnh phúc.

Answer 3

Bằng cách chuyển một đối số tiếp theo tới forEach, sẽ là ngữ cảnh của this trong hàm gọi lại, trong trường hợp của bạn this là đối tượng cửa sổ.

Array.prototype.removeAll = function(array2) { 

    array2.forEach(function(item) { 
     this.remove(item); 
    },this); 
} 

Answer 4

Một thay thế cho việc sử dụng bind (nếu bạn cần hỗ trợ các trình duyệt cũ và không muốn mở rộng Function.prototype) chỉ đơn giản là quấn callback của bạn trong một chức năng immidate và thức ăn this trong như một cuộc tranh cãi như thế này:

Array.prototype.removeAll = function(array2) { 
    array2.forEach(function(outer){ 
    return function(item) { 
     outer.remove(item); 
    };}(this)); 
} 

hoặc bạn có thể viết một hàm tiện ích cà ri đơn giản và sử dụng như thế này

function curry() { 
    var fn = Array.prototype.shift.call(arguments), 
     args = Array.prototype.slice.call(arguments); 
    return function curryed() { 
    return fn.apply(this, args.concat(Array.prototype.slice.call(arguments))); 
    }; 
}; 



Array.prototype.removeAll = function(array2) { 
    array2.forEach(curry(function(item) { 
     outer.remove(item); 
    },this)); 
} 

Nếu bạn không nhớ mở rộng Function.prototype bạn có thể sử dụng liên kết như đã được mô tả bởi những người khác, bạn có thể tìm thấy phần mở rộng khả năng tương thích tuyệt vời trên MDN tại đây: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind