Javascript: Что происходит со старым объектом при создании нового экземпляра?

Question

Я даже не уверен, как сформулировать этот вопрос, поэтому мне придется пойти с примерами. Это может быть не похоже на полезный код здесь, и действительно, это не так, но это пример проблемы, с которой я только что столкнулся, урезанной до нужной вещи.

Lets' Предположим, у меня есть

function myObject(params) { 

    .. do some time-consuming asynchronous stuff 
     with AJAX and the like ... 

    return (before all the above is completed); 

} 

function myFunction(params) { 

    var doTheSlowStuff = new myObject(params); 

} 

myFunction(firstParams); 
myFunction(moreParams); 

Что происходит с первым MyObject, когда я делаю второй вызов MYFUNCTION()? Получает ли он возможность завершить свою работу (и если да, то будет ли это сбор мусора, когда он есть)? Или он бесцеремонно сбрасывается, прежде чем у него есть шанс закончить то, что он начал?

Answer 1

В этом конкретном экземпляре вы создадите два экземпляра myObject, которые будут сохранены в памяти до тех пор, пока ваше приложение не выйдет.

Вы можете доказать это, запустив что-то в асинхронном режиме, чтобы проверить это поведение:

function myObject(params) { 

    // do something async, like output 
    // every second ... 
    var callback = function() { 
    console.log("I am object " + params); 
    setTimeout(callback, 1000); 
    }; 
    callback(); 

} 

function myFunction(params) { 

    var doTheSlowStuff = new myObject(params); 

} 

myFunction(1); 
myFunction(2); 
// etc. 

Смотрите рабочий пример по адресу: http://jsbin.com/osEFuWib/1/edit

Answer 2

Все трудоемкий асинхронный материал будет происходить асинхронно :)

Это означает, что асинхронные вызовы (такие как XHR или setTimeout) мгновенно возвращаются и позволяют продолжить выполнение. Другими словами, конструктор myObject будет возвращаться очень быстро, поэтому между созданием двух myObjects не будет задержки. После того, как и myFunctions возвращаются, то, наконец, элемент управления вернется в цикл событий, и механизм JavaScript продолжит обработку событий, таких как щелчки мыши, события WebSocket, таймеры, такие как setTimeout или запросы XHR. Ваш асинхронными не будет выполняться до тех пор, пока не вернетесь управления в цикл обработки событий, так что ничего с ума не делать, как

while(true) { 
    // Check XHR status 
} 

Не беспокойтесь о сборке мусора; если у вас есть событие DOM, такое как запрос AJAX (XHR) с вашим объектом myObject, тогда он не будет собирать мусор, пока сам обработчик событий не будет собран с мусором.

Answer 3

Асинхронный код имеет доступ к функции обратного вызова . Обратный вызов будет работать и равен независимо от любого другого объекта. «Потеря» объекта или создание нового объекта не изменяет этого. Таким образом, ожидающие асинхронные операции должны быть явно отменены или обратные вызовы должны быть защищены от выполнения нежелательных эффектов при их вызове.

Вещь в объектах в JavaScript проста: до тех пор, пока любой код - включая обратный вызов - может получить доступ к объекту (например, назначается переменной в области видимости, свойство окна или привязан к DOM), они остаются доступными. В противном случае они будут недоступны и будут исправлены в какой-то момент.