var start = new Date;
setTimeout(function(){
 console.log('时间流逝了:'+(new Date - start)+'毫秒');
}, 200);
while (new Date - start < 1000) {}
console.log(1);
function doSoming(){
 setTimeout(function(){
  console.log('时间又流逝了:'+(new Date - start)+'毫秒');
 },10);
}
doSoming();
while (new Date - start < 2000) {}
console.log(2);

if (document.all && !window.setTimeout.isPolyfill) {
 var __nativeST__ = window.setTimeout;
 window.setTimeout = function (vCallback, nDelay, param1, param2，param3) {
 var aArgs = Array.prototype.slice.call(arguments, 2);
 return __nativeST__(vCallback instanceof Function "htmlcode">

for(var i =0; i <10; i++){
 setTimeout(function(){
  console.log(i); 
 },1000);
} 



上面的代码只会输出数字 10 十次。为什么？闭包！ 


当 console.log 被调用的时候，虽然匿名函数保持对外部变量 i 的引用，但此时 for循环已经结束， i 的值被修改成了 10. 


为了得到想要的结果，需要在每次循环中创建变量 i 的拷贝。 


为了正确的获得循环序号，最好使用 匿名包裹器（其实就是我们通常说的自执行匿名函数）。 


for(var i =0; i <10; i++){
 (function(e){
  setTimeout(function(){
   console.log(e); 
  },1000);
 })(i);
}




外部的匿名函数会立即执行，并把 i 作为它的参数，此时函数内 e 变量就拥有了 i 的一个拷贝。

 当传递给 setTimeout 的匿名函数执行时，它就拥有了对 e 的引用，而这个值是不会被循环改变的。

 有另一个方法完成同样的工作；那就是从匿名包装器中返回一个函数。这和上面的代码效果一样。 


for(var i =0; i <10; i++){
 setTimeout((function(e){
  return function(){
   console.log(e);
  }
 })(i),1000)
}




还有一个重要应用：函数节流（throttle）与函数去抖（debounce）

请看我从网上收集的一些资料：

JavaScript-性能优化之函数节流（throttle）与函数去抖（debounce）


参考链接： 

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setTimeout 

http://www.alloyteam.com/2015/10/turning-to-javascript-series-from-settimeout-said-the-event-loop-model/#prettyPhoto
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。