상위 함수에서 재정의 된 변수에 액세스하십시오.

Question

현재 해결 방법이 더 간단한 해결책이 있는지 궁금합니다.

자바 스크립트 예 :

var data= { 
    'key1':'value1' 
}; 

$.each(data,function foo() { 
    alert(this); //alerts 'value1' 
    $('#element').click(function()) { 
    alert(this); //alerts something else 
    } 
}); 

해결하는 방법이 될 것이다 :

var data= { 
    'key1':'value1' 
}; 


$.each(data,function foo() { 
    alert(this); //alerts 'value1' 

    var this_original=this; 

    $('#element').click(function()) { 
    alert(this_original); //alerts 'value1' 
    } 
}); 

이 문제를 해결하지만, 매우 깨끗하지 않습니다. 자식 함수의 원래 내부 값을 얻기위한 멋진 Javascript/jQuery 메서드가 있는지 궁금합니다. 같은 뭔가 : parentFunction.this

Answer 1

, this를 사용하는 대신 인수를 사용하지 마십시오

var data= { 
    'key1':'value1' 
}; 

$.each(data,function foo(idx,val) { 
    alert(val); //alerts 'value1' 
    $('#element').click(function() { 
    alert(val); //alerts 'value1' 
    }); 
}); 

Answer 2

사용 jQuery.proxy을. 다음 코드를 사용할 수 있습니다.

var data= { 
    'key1':'value1' 
}; 

$.each(data,function foo() { 
    alert(this); //alerts 'value1' 
    $('#element').click($.proxy(function() { 
    alert(this); }, this); 
}); 

Answer 3

Martin Jespersen의 답변을 사용하십시오. 그러나 ...

요청으로 jQuery의 .proxy() 기능을 사용하여 : 여기

var data = { 
    "key1": "value1" 
}; 

$.each(data, function(i, obj) { 
    alert(this); //alerts 'value1' 
    this.onClick = function() { 
     alert(this); 
    } 

    $('#element').click($.proxy(this, "onClick")); 
}); 

는 a fiddle example입니다.

클릭 이벤트를 바인딩하는 위치의 선택기를 변경하는 방법을 사용하고 싶을 것입니다.