Situação
Estava montando uma widget quando comecei a analisar um possível erro, pois pelos testes de fato ocorreu :
Teste
document.getElementById('teste').addEventListener('click', function(){
n.p.call(this);
setTimeout(function(){
document.getElementById('result').innerHTML = 'FAIL';
n.q.call(this);
},2000);
});
var n = {
options : {
move : true,
},
p : function(){
console.log(this);
document.getElementById('result').innerHTML = this;
},
q : function(){
if(this.options.move === true){
console.log()
document.getElementById('result').innerHTML = 'OK';
}
}
}
n.p();
setTimeout(function(){
n.q();
},2000);
<p id="teste">
teste
</p>
<div id="result">
</div>
Descrição
Os métodos de n a principio deveriam ser chamados via n.p(), ou seja função, contudo lembrei do método call e apply, que alteram o this, para o objeto chamador.
Duvida
- Como referenciar this, sendo que this não é o que eu esperava?
- Sempre devo fazer objectName.var em vez de this.var?