理解JavaScript的定时器与回调机制

定时器方法

JavaScript是单线程的。虽然HTML5已经开始支持异步js了。

JavaScript的setTimeout与setInterval看起来就像已经是多线程的了。但实际上setTimeout与setInterval参数中传入的回调函数，是浏览器执行调用。

例：

setTimeout(function(){
    alert("…")
},1000);

该例中，若1s后，JavaScript引擎正在执行其他函数，则setTimeout中的函数是无法执行的。当JavaScript把其他方法执行完毕，setTimeout中的函数就会被浏览器执行。

 

同理Ajax的异步回调也是一样的原理。

 

 

理解回调方法

综上所述，所谓回调，即方法并不是当前程序调用的，其调用可能来自系统或其他系统。

JavaScript中存在大量回调方法，setTimeout，setInterval，Ajax等回调都是由当前JavaScript解释器调用的。