"i" trong "hàm (i)" trong mã JavaScript sau là gì?

Question

Trong đoạn mã sau có "hàm (i)", nhưng "i" chưa được khai báo ở bất kỳ nơi nào trước câu lệnh này.

ul.css({width: 10, overflow: 'visible'}).retarder(100, function(i){ 
    i.css('visibility', 'visible').animate(
     {width: ul[0].wid,left:-50}, 
     {duration: 500, complete : function(){ 
     ul.css('overflow', 'visible'); 
     }} 
    ); 
}); 

Dường như nó có thể tương tự như câu lệnh "+" này. Điều đó có đúng không?

Answer 1

i chỉ là tham số chức năng được chuyển bởi hàm retarder cho hàm ẩn danh.

gì nó làm là:

ul.css({width: 10, overflow: 'visible'}).retarder(100, callback_function); 

và gọi lại được định nghĩa qua chức năng ẩn danh:

function(i) { ... } 

Vì vậy mà i là định nghĩa của các tham số của hàm nặc danh.

Answer 2

Biến i đại diện cho đối tượng thực tế (như từ khóa this)

---

Giải thích hơn:

1) Là một tham số để một chức năng ẩn danh, như chúng ta có thể thấy:

.retarder(100, function(i){...}) 

2) Là tham chiếu đến đối tượng hiện tại (this).

Khi plugin jquery này kết thúc, nó gọi hàm callback, sử dụng:

(callbackFunction)(this) 

đâu đây là tham số.

Answer 3

Biến i trong hàm khai báo chức năng ẩn danh (i) là tên được sử dụng cho tham số đầu tiên bên trong thân hàm. Nó không tương ứng với bất kỳ biến nào khác trong trang của bạn.

Answer 4

Nó trông giống như một khai báo hàm:

function(i) 
{ 
    // ..... 
} 

Vì vậy i là một giá trị được truyền vào chức năng (mà đã được công bố nội tuyến như một chức năng ẩn danh) như tham số đầu tiên của nó, có lẽ bởi liên kết nội hoạt động của phương pháp retarder mà bạn đang chuyển hàm vào.

Re-viết code để nó là một chút dễ đọc hơn làm cho điều này rõ ràng hơn một chút:

ul.css(
    { 
    width: 10, 
    overflow: 'visible' 
    } 
).retarder(100, function(i) 
    { 
    i.css('visibility', 'visible').animate(
     { 
     width: ul[0].wid, 
     left:-50 
     }, 
     { 
     duration: 500, 
     complete: function() 
      { 
      ul.css('overflow', 'visible'); 
      } 
     } 
    ); 
    } 
); 

Và sau đó bạn có thể viết lại nó được thậm chí rõ ràng hơn:

ul.css(
    { 
    width: 10, 
    overflow: 'visible' 
    } 
).retarder(100, functionToPassToRedtarder); 

function functionToPassToRetarder(i) 
{ 
    i.css('visibility', 'visible').animate(
    { 
     width: ul[0].wid, 
     left:-50 
    }, 
    { 
     duration: 500, 
     complete: functionToPassToComplete 
    } 
); 
} 

function functionToPassToComplete() 
{ 
    ul.css('overflow', 'visible'); 
} 

Answer 5

Đó là một tham số hàm.

Answer 6

nó tạo ra một hàm ẩn danh lấy một đối số duy nhất, sau đó được gọi là i trong hàm.

Answer 7

Lý do bạn có thể không hiểu điều này là nếu bạn không quen với việc sử dụng các chức năng ẩn danh trong JavaScript. Bạn có thể quen nhiều hơn với cái gì đó như:

function double(i){ 
    return i + i; 
} 

i là một tham số cho hàm double. Trong JavaScript, chức năng tương tự có thể được thực hiện như:

var double = function(i){ 
    return i + i; 
}; 

Trong trường hợp này, chức năng ẩn danh được tạo và gán cho biến double. i vẫn chỉ là một tham số. Cả hai có thể được gọi là double(3).

Trong ví dụ bạn đã cung cấp, thay vì gán hàm ẩn danh cho một biến, nó được chuyển làm đối số cho hàm khác.

Answer 8

Nếu bạn đang cố gắng để giải mã các mã rối loạn mà tôi nghĩ rằng bạn đang có, sau đó bạn có thể tìm cho định nghĩa hàm này ...

$.fn.retarder = function(delay, method){ 
var node = this; 
if (node.length){ 
    if (node[0]._timer_) 
     clearTimeout(node[0]._timer_); 
    node[0]._timer_ = setTimeout(function(){ method(node); }, delay); 
} 
return this; }; 

tôi phải đào sâu hơn một chút để tìm thấy nó bởi vì nó được tạo động trong một eval().

Vì vậy, để trả lời câu hỏi của bạn, tham số "i" là đối tượng "ul" (trong mã bạn đã đăng).

Nếu bạn nhìn vào chức năng retarder, nó trả về "this", giống như hầu hết các plugin jquery khác, do đó, nó duy trì khả năng của các plugin.

không phải là điều thú vị?