Não muda nada no exemplo que você deu... mas pode ser útil em outras situações.
Quando faz diferença?
Isso pode ser necessário caso você queira fazer referência ao objeto self
de dentro da função by
, sem depender do this
... ou então associar o this
de forma mais permanente usando bind
(e.g. by.bind(self)
).
O motivo para tal vantagem é que this
pode mudar. Mas se a intenção for usar algo que não mude, então será necessário:
usar self
dentro de by
:
by: function() { self.qualquerCoisa... ; }
Neste caso, mesmo usando call
ou apply
para chamar o método by
, ainda assim self
não seria mudado, ao passo que se usasse this
o resultado mudaria.
ou então by.bind(self)
:
by: (function() { this.qualquerCoisa... ; }).bind(self)
Neste caso, this
sempre será igual a self
, nem mesmo usando call
/apply
é possível mudar o comportamento.
Nota: que o this
também muda, quando você copia uma referência a uma função de um lugar para o outro, a não só ao usar call
/apply
:
var utils2 = ...;
myUtils.by = utils2.by;
// o `this` passado para o `by` abaixo, será `myUtils` e não `utils2`
myUtils.by("campoTexto").innerHTML = "Algum Texto";
Porque não muda nada no exemplo da questão?
Como eu disse, no seu exemplo, não tem diferença de um para o outro. Isso se deve ao fato de que nada levará uma referência de self
para fora dessa função.
self
não é enclosed em na função by
(não é utilizada numa closure)
self
não é copiado para o objeto retornado
Isso quer dizer que nada restará de self
, pois nenhuma referência restará para ele.
Snippets para testar as possibilidades
// self original será enclausurado e retornado
var modulo = (function() {
var self = {};
self.by = function(id) {
return this === self;
};
return self;
})();
escrever(modulo.by()); // true
var outro = { by: modulo.by };
escrever(outro.by()); // false
escrever(modulo.by.call(outro)); // false
// self original será enclausurado, mas não retornado
var modulo = (function() {
var self = {};
self.by = function(id) {
return this === self;
};
return {
by: self.by
};
})();
escrever(modulo.by()); // false
var outro = { by: modulo.by };
escrever(outro.by()); // false
escrever(modulo.by.call(outro)); // false
// self original será enclausurado, alterado e depois retornado
var modulo = (function() {
var self = {};
self.by = function(id) {
return this === self;
};
self = {
by: self.by
};
return self;
})();
escrever(modulo.by()); // true
var outro = { by: modulo.by };
escrever(outro.by()); // false
escrever(modulo.by.call(outro)); // false
// self original será enclausurado em função com bind e retornado
var modulo = (function() {
var self = {};
self.by = (function(id) {
return this === self;
}).bind(self);
return self;
})();
escrever(modulo.by()); // true
var outro = { by: modulo.by };
escrever(outro.by()); // true
escrever(modulo.by.call(outro)); // true
// self original será enclausurado em função com bind, mas não retornado
var modulo = (function() {
var self = {};
self.by = (function(id) {
return this === self;
}).bind(self);
return {
by: self.by
};
})();
escrever(modulo.by()); // true
var outro = { by: modulo.by };
escrever(outro.by()); // true
escrever(modulo.by.call(outro)); // true
// self original será enclausurado em função com bind, alterado e depois retornado
var modulo = (function() {
var self = {};
self.by = (function(id) {
return this === self;
}).bind(self);
self = {
by: self.by
};
return self;
})();
escrever(modulo.by()); // false
var outro = { by: modulo.by };
escrever(outro.by()); // false
escrever(modulo.by.call(outro)); // false
function escrever(valor) {
document.write(valor+"<br/>");
}