咱们来聊聊JS中的异步，以及如何异步，菜鸟版

发布时间：2016-08-14 01:00:06

为什么需要异步？why？来看一段代码。问题1：for(var i=0;i<100000;i++){}alert(hello world!!!);　　这段代码的意思是执行100...次后再执行alert，这样带来的问题是，严重堵塞了后面代码的执行，至于为什么，主要是因为J ...

为什么需要异步？why？来看一段代码。

问题1：

for(var i=0;i<100000;i++){
}
alert('hello world!!!');

　　这段代码的意思是执行100...次后再执行alert，这样带来的问题是，严重堵塞了后面代码的执行，至于为什么，主要是因为JS是单线程的。

问题2：

　　我们通常要解决这样一个问题，如果我们需要在head里面加入script代码的话，一般会将代码写在window.onload里面（如果操作了dom的话），你有没有想过，为什么要加window.onload？原因就是你在操作dom的时候script后面的html代码浏览器还没有开始加载，结果人家还没有出生你就想着去娶她，这可能吗？当然不可能，加上window。onload之所以可以是因为，window.onload里面的代码是在文档全部加载完毕后执行的，也就相当于异步。

问题3：

　　有时候页面并不需要一次性把所有的代码都加载，更多的时候我们是按照某个需求才去加载某段代码的。

什么是单线程？

　　你可以这样理解单线程就是代码一段一段的执行，先执行前面的，前面的执行完了再执行后面的。

那JS中有哪些是异步的呢？

　　我相信这个东西，几乎都用烂了，它就是setTimeout/setInterval当然还有Ajax，Ajax异步我相信大家都知道，当然也可以同步但没人那么去做，但是对于setTimeout和setInterval是异步可能有些小伙伴不同了解，下面说说为什么说setTimeout是异步的。