Estou tentando acessar algumas variáveis dentro do this (Orientação a Objeto) usando Object.prototype, porem em um certo ponto estou em duvida se estou fazendo da forma correta:
Esta e a função principal:
function smartPlayer(){
this.trackCurrentInfo;
this.tracksList;
this.trackCurrentList;
this.teste = "Esta tudo ok";
this.initPlayer();
};
Nesta parte ainda esta tudo ok:
smartPlayer.prototype.initPlayer = function(){
var self = this;
/* Event button play */
playMusic.addEventListener("click", function(){
if (self.trackCurrentInfo === undefined) {
self.trackList = getDailyrMusic();
self.trackCurrentList = 0;
}
var track = self.trackList[self.trackCurrentList];
smartPlayer.prototype._callTrack(self, track);
});
}
Repare que apenas consigo acessar o this, usando o self = this; Isto é o correto, mas quando chamo a função smartPlayer.prototype._callTrack(self, track);, tenho que passar o self para ainda conseguir acessar a o this da função principal que e: smartPlayer();.
Dentro desta função tenho o seguinte:
smartPlayer.prototype._callTrack = function(self, array){
/* set current Track infos */
this.trackCurrentInfo = {
"trackAlbumId": array.trackId,
"trackMusic": array.trackName,
"trackArtist": array.trackArtist,
"trackAlbum": array.trackAlbum,
"trackAlbumCover": array.trackCover,
"trackCurrentTime": 0,
"trackFullTime": array.trackDuration
};
// update elements
// console.log(this.trackCurrentInfo)
trackMusic.innerHTML = self.trackCurrentInfo.trackMusic;
trackArtist.innerHTML = self.trackCurrentInfo.trackArtist;
trackAlbum.innetHTML = self.trackCurrentInfo.trackAlbum;
}
Esta seria a forma correta de eu conseguir acessar o this dentro de smartPlayer()? Pois desta forma eu terei de ser sempre obrigado a passar o self em todas as funções que estão armazenando algum valor dentro do this.
Encontrei este problema sempre que passo algo dentre as funções(123).