如何在JavaScript中使用Closure Scope訪問變量

Question

如何訪問JavaScript中內部函數的閉包變量。

我要訪問setTimeout功能UL變量。

ul.find("li").each(function (a, ele) { 

     $(ele).attr("tabindex", options.items[a].tabindex); 

     $(ele).on("focusout", function() { 

      setTimeout(function() { 
       **//ACCESS UL HERE** 
       debugger; 
      }, 1); 

     }.bind(ul,ele)); 
    }.bind(ul)); 

Answer 1

在setTimeout

Closures使用closure '記住' 它們被創建的環境。

ul.find("li").each(function(a, ele) { 
    $(ele).attr("tabindex", options.items[a].tabindex); 
    $(ele).on("focusout", function() { 
     setTimeout(function(ul) { 
     return function() { 
      console.log(ul); 
     } 
     })(ul), 1); 
    }.bind(ul, ele)); 
}.bind(ul)); 

Answer 2

它正常工作。 ul的範圍在setTimeout函數內有效。

ul.find("li").each(function() { 
    $(this).attr("tabindex", options.items[a].tabindex) 
    .on("focusout", function() { 
     setTimeout(function() { 
     ul.css('color', 'orange'); 
     }, 1); 
    }); 
}); 

這樣一個簡單的代碼將解釋：

(function s() { 
 
    var a = "hi"; 
 
    setTimeout(function() { 
 
    console.log(a); 
 
    }, 1000); 
 
})();

這裏，ul是一樣的a變量。

Answer 3

您可以通過查找當前元素的父級來使用UL。爲了得到與特定類型的直接父，你可以使用.closest()方法

$(ele).on("focusout", function() { 
    var el = $(this); 
    setTimeout(function() { 
    el.closest("ul"); 
    debugger; 
    }, 1); 

}.bind(ul, ele));