浅谈Javascr-ipt线程及定时机制

发布时间:2017-06-08 06:00 来源:互联网 当前栏目:web技术类

  这篇文章主要介绍了浅谈Javascript线程及

姐妹网名[www.la240.com/html2017/1/3/]
定时机制的相关资料,需要的朋友可以参考下

  setTimeout、setInterval的使用

  Javascript api文档中定义setTimeout和setInterval第二个参数意义分别为间隔多少毫秒后回调函数被执行和每隔多少毫秒回调函数被执行。但随着工作经验的积累,我们发现事实并非如此。

  比如

  ?

1 2 3 4 5 div.onclick=function(){ setTimeout(function(){ document.getElementById('input').focus(); },0); }

  就解释不通了,立即执行就立即执行呗,干嘛还要设置个定时兜个圈子呢。

  又有一天你写了下面一段代码

  ?

1 2 setTimeout(function(){while(true){}},100); setTimeout(function(){alert('你好');},200);

  第一行代码死循环,结果造成第二行alert始终没有出现,为啥哩?

  单线程or多线程?

  原来,Javascript引擎是单线程运行的,浏览器只有一个线程在运行JavaScript程序。因为单线程的设计,所以免去了复杂的多线程同步问题。

  当设置一个定时的时候,浏览器会在设定的时间后将你指定的回调函数插入任务序列,而非立即执行。如果设定定时时间为0,表示立即插入任务序列,而不是立即执行,仍然要等队列中任务执行完毕,轮到你,你才执行。

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、