Блог

Если я вызываю эту функцию много раз, должна ли она пропускать память?

Одна вещь вызвала у меня подозрение: здесь я назначаю instance player. У проигрывателя есть слушатели — onPlay и другие. Итак, когда я запускаю функцию playJW, она выполняет все. И поэтому эти слушатели работают после завершения выполнения функции. Я знаю, что они работают после выполнения функции, потому что видеофайл выполняется намного больше времени, чем требуется для выполнения функции.

Итак, если я вызываю эту функцию много раз — создается много копий этих слушателей или как это работает?

 this.playJW = function(vid) {

    $('#jwplayer').show();

    // this was file name with .avi , we need only beggining
    vid = vid.split('.');

    var folder = /dogs6_4mb/;       
    if(this._isMobile()) {          
        folder = '/dogs6_2mb/';
    }

    var player = jwplayer('jwplayer').setup({
        file: video_files_url   folder   vid[0]   '.mp4',
        height: '100%',     
        width: '100%',
        controls: true,
        autostart: true    
    });

    this.isPlaying = false;

    player.onPlay(function() {
        player.setControls(false);
        // to make not pause on display click
        self.isPlaying = true;          
    });

    player.onDisplayClick(function() {
        if (!isPlaying) {
            player.play();              
            self.isPlaying = true;              
        }
    });

    player.onComplete(function() {
        $('#jwplayer').hide();
    });     
};
  

Я попытался проверить использование памяти с помощью инструментов разработчика — в первый раз показалось, что она немного увеличивается, до 11 МБ, затем я обновил страницу, а также отключил плагины chrome. Теперь размер веб-страницы не превышает 12,4 МБ. Но тестирование не заняло много времени.

Я хочу понять, очищены ли эти слушатели каким-то образом и как браузер узнает, что они больше не используются?

Обновить:

http://jsfiddle.net/e9dRt/3/