Sự khác biệt giữa 'call/apply' và 'bind'

Question

var obj = { 
    x: 81, 
    getX: function() { 
    console.log(this.x) 
    } 
}; 
var getX = obj.getX.bind(obj);//use obj as 'this'; 
getX();//81 
var getX = function(){ 
    obj.getX.apply(obj); 
} 
getX();//also 81 

Việc sử dụng liên kết và gọi/áp dụng trông rất giống nhau, tôi muốn biết sự khác nhau giữa chúng. Hai hàm getX ở trên giống nhau không?

Answer 1

bind trả về một hàm sẽ hoạt động như chức năng ban đầu nhưng với this được xác định trước. Nó thường được sử dụng khi bạn muốn chuyển một hàm tới một trình xử lý sự kiện hoặc gọi lại không đồng bộ khác.

call và apply sẽ gọi hàm ngay lập tức cho phép bạn chỉ định cả giá trị this và mọi đối số mà hàm sẽ nhận được.

Ví dụ thứ hai của bạn xác định hàm ẩn danh gọi apply. Đây là một mô hình phổ biến; bind cung cấp việc thực hiện chuẩn cho phép bạn thực hiện nó với một cuộc gọi hàm đơn giản (do đó việc viết nhanh hơn và dễ dàng hơn).

Answer 2

.call() - gọi hàm cùng với các đối số quy định

.apply() - gọi hàm cùng với các đối số quy định trong một mảng

.bind() - tạo ra một chức năng mới với cơ quan chức năng tương tự, với bộ tuỳ chọn giá trị của this (đối số đầu tiên) và trả về hàm đó.

Trong mọi trường hợp, đối số đầu tiên được sử dụng làm giá trị this bên trong hàm.

Answer 3

Sự khác biệt là cách bạn thực hiện cuộc gọi. Nếu bạn đã sử dụng bind để lấy lại một hàm có giá trị ràng buộc this, bạn chỉ cần gọi hàm:

getx(); 

Nếu bạn không có một hàm ràng buộc, và bạn muốn thiết lập this, bạn làm như vậy với call hoặc apply:

someFunction.call(objectToUseAsThis, arg1, arg2); 
// or 
someFunction.apply(objectToUseAsThis, [arg1, arg2]); 

Lưu ý rằng nếu bạn có một hàm ràng buộc (như getX của bạn), sử dụng call trên đó là vô nghĩa, bởi vì this bạn cung cấp sẽ chỉ được ghi đè bởi các ràng buộc this . (Sử dụng apply vẫn có thể hữu ích, nếu bạn có một mảng giá trị bạn muốn ass làm đối số.)