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