Uncaught TypeError: Gọi bất hợp pháp trong javascript

Question

Tôi đang tạo hàm lambda thực hiện hàm thứ hai với tham số cụ thể. Mã này hoạt động trong Firefox nhưng không có trong Chrome, trình kiểm tra của nó hiển thị lỗi lạ, Uncaught TypeError: Illegal invocation. Có gì sai mã của tôi?

var make = function(callback,params){ 
    callback(params); 
} 

make(console.log,'it will be accepted!'); 

Answer 1

Chức năng nhật ký của bảng điều khiển mong đợi this để tham khảo bảng điều khiển (nội bộ). Hãy xem xét mã này mà tái tạo vấn đề của bạn:

var x = {}; 
x.func = function(){ 
    if(this !== x){ 
     throw new TypeError('Illegal invocation'); 
    } 
    console.log('Hi!'); 
}; 
// Works! 
x.func(); 

var y = x.func; 

// Throws error 
y(); 

Đây là một (ngớ ngẩn) ví dụ mà sẽ làm việc, kể từ khi nó liên kết this để console trong thực hiện chức năng của bạn:

var make = function(callback,params){ 
    callback.call(console, params); 
} 

make(console.log,'it will be accepted!'); 

này cũng sẽ làm việc

var make = function(callback,params){ 
    callback(params); 
} 

make(console.log.bind(console),'it will be accepted!'); 

Answer 2

Bạn có thể bọc hàm cần 'this' vào hàm lambda mới, sau đó sử dụng hàm này cho hàm gọi lại của bạn.

function make(callback, params) { 
    callback(params); 
} 

make(function(str){ console.log(str); }, 'it will be accepted!');