在下面的JavaScript中，「function（i）」中的「i」是什麼？

Question

在下面的代碼中有「函數（i）」，但是「i」在此語句之前的任何地方都沒有聲明。

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'); 
     }} 
    ); 
}); 

看起來它可能類似於C++「this」語句。這是否正確？

Answer 1

i只是一個函數參數，它被retarder函數傳遞給匿名函數。

它是什麼：

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

和回調是通過匿名函數定義：

function(i) { ... } 

這樣i是匿名函數的參數的定義。

Answer 2

變量i表示實際的對象（如關鍵字this）

---

解釋更多：

1）是到一個匿名函數的參數，我們可以看到：

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

2）是對當前對象的引用（this）。

當這個jQuery插件完成後，它調用回調函數，使用：

(callbackFunction)(this) 

如果是這種參數。

Answer 3

匿名函數聲明函數（i）中的變量i是用於函數體內第一個參數的名稱。它不對應於您網頁中其他任何變量。

Answer 4

它看起來像一個函數聲明：

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

所以i是被傳遞到該函數的值由內（其被聲明爲inline作爲匿名功能）作爲它的第一個參數，據推測您正在傳遞函數的retarder方法的工作方式。

重新編寫代碼，以便它是一個位更具可讀性使這是一個有點清晰：

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'); 
      } 
     } 
    ); 
    } 
); 

然後你就可以把它改寫成甚至清晰的：

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

這是一個函數參數。

Answer 6

它創建一個匿名函數，它接受一個參數，然後在函數中將其引用爲i。

Answer 7

您可能無法理解的原因是，如果您不熟悉JavaScript中匿名函數的使用。你可能更熟悉的東西，如：

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

i是功能double的參數。在JavaScript中，同樣的功能可以像做：

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

在這種情況下，一個匿名函數被創建，然後分配給一個變量double。 i仍然只是一個參數。兩者都可以稱爲double(3)。

在您提供的示例中，不是將匿名函數分配給變量，而是將其作爲參數傳遞給另一個函數。

Answer 8

如果你試圖解碼混淆代碼，我認爲你是，那麼你可能在找這個函數定義...

$.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; }; 

我不得不挖得更深一些找到它，因爲它是在eval（）中動態生成的。

所以要回答你的問題，「i」參數是「ul」對象（在你發佈的代碼中）。

如果你看看retarder函數，它會返回「this」，就像大多數其他的jquery插件一樣，所以它保持了插件的鏈式能力。

是不是去混淆樂趣？