"đối tượng không phải là một hàm" khi lưu hàm.call thành một biến

Question

Tôi đã cố gắng làm cho mã của mình nhỏ hơn bằng cách lưu vào bộ nhớ các hàm. Ví dụ:

function test(){ 
    var a = Array.prototype.slice, 
    b = a.call(arguments); 
    // Do something 
    setTimeout(function(){ 
    var c = a.call(arguments); 
    // Do something else 
    }, 200); 
} 

Vì vậy, thay vì gọi Array.prototype.slice.call(arguments), tôi chỉ có thể làm a.call(arguments);.

Tôi đã cố gắng làm cho điều này thậm chí nhỏ hơn bằng cách lưu vào bộ nhớ cache Array.prototype.slice.call, nhưng điều đó không hoạt động.

function test(){ 
    var a = Array.prototype.slice.call, 
    b = a(arguments); 
    // Do something 
    setTimeout(function(){ 
    var c = a(arguments); 
    // Do something else 
    }, 200); 
} 

Điều này cho tôi TypeError: object is not a function. Tại sao vậy?

typeof Array.prototype.slice.call trả về "function", như mong đợi.

Tại sao tôi không thể lưu .call vào một biến (và sau đó gọi nó)?

Answer 1

Function.prototype.call là một chức năng bình thường hoạt động trên các chức năng thông qua như this.

Khi bạn gọi call từ một biến, this trở thành window, không phải là chức năng.
Bạn cần phải viết call.call(slice, someArray, arg1, arg2)

Answer 2

Hãy thử điều này:

function test(){ 
    var a = function(args){ 
     return Array.prototype.slice.call(args); 
    }; 
    b = a(arguments); 
    // Do something 
    setTimeout(function(){ 
    var c = a(arguments); 
    // Do something else 
    }, 200); 
} 

Các lỗi tương tự sẽ xảy ra nếu bạn cố gắng làm một cái gì đó như:

var log = console.log; 
log("Hello"); 

Lý do là khi bạn làm điều này bạn đang gán chức năng x (trong tôi ví dụ log) đến biến số log. NHƯNG chức năng chứa gọi this mà hiện nay đề cập đến window và không console, sau đó ném một lỗi mà this is not an object

Answer 3

Vấn đề là call là một phương pháp (một chức năng mà thuộc về một đối tượng) mà hy vọng chủ nhân của nó (this của nó) là một hàm. Khi bạn viết a = Array.prototype.slice.call, bạn đang sao chép hàm chứ không phải chủ sở hữu.

Thông báo "đối tượng không phải là chức năng" không nói rằng a không phải là chức năng, nó nói rằng this của nó không phải là một chức năng. Bạn về mặt kỹ thuật có thể đạt được những gì bạn mô tả bằng cách viết a.call(Array.prototype.slice, arguments), nhưng rõ ràng đó không phải là những gì bạn muốn!