Javascript：当我创建新实例时，旧对象会怎样？

Question

我什至不知道如何表达这个问题，所以我将不得不举一些例子。 这可能看起来不像是有用的代码，但实际上不是，但这只是我刚刚遇到的问题的一个示例，简化为基本要点。

假设我有

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);

当我第二次调用myFunction（）时，第一个myObject会怎样？ 它是否有机会完成工作（如果可以的话，会在工作完成时进行垃圾收集）吗？ 还是在它有机会完成开始之前就毫不客气地将其丢弃了？

Answer 1

所有耗时的异步内容将异步发生:)

这意味着异步调用（例如XHR或setTimeout）会立即返回并允许执行继续。 换句话说，myObject构造函数将很快返回，因此在构造两个myObjects之间不会有任何延迟。 在两个 myFunctions返回之后，最终控件将返回事件循环，并且JavaScript引擎将继续处理事件，例如鼠标单击，WebSocket事件，setTimeout等计时器或XHR请求返回。 除非您将控制权返回给事件循环，否则您的异步回调将不会执行，因此请不要做任何疯狂的事情，例如

while(true) {
    // Check XHR status
}

不用担心垃圾收集； 如果您的myObject在范围内，而您有一个像AJAX（XHR）请求之类的DOM事件，则只有在事件处理程序本身被垃圾收集后，才会被垃圾收集。

Answer 2

在此特定实例中，您将创建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 3

异步代码可以访问回调函数 。 回调将运行 ，并且独立于任何其他对象。 “丢失”对象或创建新对象不会更改此设置。 这样，必须显式取消挂起的异步操作，或者必须防止回调在调用时执行不必要的影响。

关于JavaScript中的对象的事情很简单：只要任何代码 （包括回调）都可以访问该对象（例如，分配给作用域中的变量，窗口​​属性或绑定到DOM），则它们仍然可以访问。 否则，它们将无法访问 ，并将在某个时候被回收。