Sử dụng "this" làm chức năng?

Question

Tôi thừa hưởng một số mã với một dòng mà tôi không hiểu.

function updateQty() { 
     obj.find('.inputAmount').html(qty); 
     input.val(qty); 

     $.each(change_actions, function() { 
      this(qty); 
     }); 
    } 

Chính xác điều gì đang xảy ra bên trong chức năng .each? Tôi chưa bao giờ thấy this(var) được sử dụng theo cách này trước đây.

Answer 1

thiết lập giả các sự kiện riêng của họ với các ràng buộc, do đó rất có thể là change_actions là chức năng được đăng ký để chạy khi một cái gì đó xảy ra với số lượng.

Hãy thử một cái gì đó như thế này:

// initialize with a value 
var actions = [ 
    function(x){ console.log('I see a new x: ' + x); } 
]; 

// add actions "later" 
actions.push(function(x){ console.log('Yup, a new x: ' + x); }); 

// Then execute them: 
$.each(actions, function(){ 
    this(4); 
}); 

// add another one still 
actions.push(function(x){ console.log(x + ' looks new'); }); 

// re-iterate over them 
// Then execute them: 
$.each(actions, function(){ 
    this(5); 
}); 

và kết quả:

// first iteration (only 2 subscribed events) 
[15:56:50.030] "I see a new x: 4" 
[15:56:50.030] "Yup, a new x: 4" 

// second iteration (now we have 3, one was added later) 
[15:56:50.030] "I see a new x: 5" 
[15:56:50.030] "Yup, a new x: 5" 
[15:56:50.030] "5 looks new" // <-- new subscription 

nghĩ về nó như sự kiện click và làm thế nào bạn có thể thêm các đăng ký bằng cách gắn vào $('element').click(). mỗi khi một nhấp chuột xảy ra, mọi sự kiện đã đăng ký sẽ được kích hoạt.

Answer 2

this bên trong của $.each là các đối tượng hiện tại mà bạn đang lặp qua.

Đối tượng phải là một chức năng để truyền đạt thứ gì đó cho nó.

Answer 3

Bạn có thể liên quan đến các ví dụ sau:

var change_actions = [ 
    function(x) { alert(x + 1); }, 
    function(x) { alert(x + 2); } 
]; 

var qty = 5; 
$.each(change_actions, function() { 
    this(qty); 
}); 

JSFiddle: http://jsfiddle.net/fuyz2/