Todas as janelas modais do meu sistema abrem via ajax e estas possuem códigos JS próprios com variáveis e funções. Afim de evitar problemas com as variáveis e funções das telas que chamam estes modais, pensei em adotar a seguinte estratégia no JS das modais:
HTML
<button id="btn">
Valor
</button>
<button id="btnSetar">
Setar
</button>
JS
var nome_da_tela = {
init: function(){
this.varUm = null;
var thisLocal = this;
$("#btn").click(function(){
alert(thisLocal.varUm);
});
$("#btnSetar").click(function(){
thisLocal.SetarValor();
});
},
SetarValor:function(){
var thisLocal = this
$.get('/echo/json/',{},function(data){
thisLocal.varUm = data
});
}
}
$(document).ready(function(){
nome_da_tela.init();
});
Segue link para teste. Vocês já tiveram que fazer algo como este? Tem alguma ideia melhor? Não gostei de ter que criar uma variável (thisLocal) só para me referenciar ao objeto fora do escopo dele.