setTimeout、同步、异步的理解

console.log('111');

setTimeout(()=>{

    console.log('222')

},1000);

console.log('333');

setTimeout(()=>{

    console.log('444')

},0);

console.log(555);

就是执行这样一段js代码 , 打印出来的结果是 :

111 -> 333 -> 555 -> 444 -> 222

（结果就是我们理论起来 setTimeout 到底是同步还是异步的？为什么会这样执行？ JavaScript不是一门单线程的语言吗？）

了解setTimeout 与 clearTimeout
setTimeout 接受两个参数，第一个是包含js代码的字符串和函数，第二个参数是等待多长时间的毫秒数，但经过该事件指定的代码不一定执行（下面讲解缘由）。clearTimeout 接受一个setTimeout 返回的id 值作为参数传递给它，取消代码的执行。

//设置超时调用

var timeoutId = setTimeout(function (){

    alert("hello World");

    },1000);

//取消掉用的代码

clearTimeout(timeoutId);

JavaScript中没有任何代码是立即执行的，但是只用进程一旦空闲就会立即执行，所以题目中设置的事件不过是经过多少毫秒数被添加到了队列中，而不是经过多少时间后就被执行。
在这里，我们需要有一点进程，线程的知识来支撑我们理解js中同步，异步的编程思想
众所周知，javascript是一门单线程的语言，即在js引擎中负责解释和执行js代码的线程只能有一个，但是，我们知道浏览器是多线程的。html5中提出了新的web标准，允许javascript 脚本创建多个线程，但子线程完全受主线程控制，且不得进行Dom操作，因此也并没有改变单线程的本质。
同步异步的理解
同步：假如一个函数返回时，调用者就能够得到预期结果(拿到了预期的返回值或者看到了预期的效果)，这就是同步函数。

alert("hello World");

console.log("hello World");

异步：调用一个函数，返回的值不是预期的结果，需要通过一定的手段才能得到预期的返回值，这就是异步函数

var timeoutId = setTimeout(function (){

        alert("hello World");

    },1000)

异步执行的过程：
主线程发起一个异步请求，相应的工作线程（比如浏览器的其他线程）接收请求并告知主线程已收到(异步函数返回)；主线程可以继续执行后面的代码，同时工作线程执行异步任务；工作线程完成工作后，通知主线程；主线程收到通知后，执行一定的动作(调用回调函数)。（工作线程将消息放到消息队列中，主线程通过时间循环去逐个取信息，）

发起函数 – 发起异步过程
回调函数 – 返回处理结果
事件循环的机制
主线程只会做一件事，就是从消息队列里面取消息、执行消息。当消息队列为空时，就会等待消息队列变成非空。只有当前的消息执行结束，才会去取下一个消息。这种机制就叫做事件循环机制Event Loop，取一个消息并执行的过程叫做一次循环。
setTimeout 函数的解决
在了解了以上的知识点后，我们就能够对setTimeout 函数有很好的理解，在执行我们本页开始的代码的时候，先在控制台输出 one ，然后主线程发起异步请求，工作线程接受请求，将setTimeout 经过设置的时间数推入消息队列，最终通过事件循环取出消息进行调用，这就是我们刚才开始看到结果的原因了。

setTimeout 到底是同步还是异步的？

除了放置异步任务的事件，"任务队列"还可以放置定时事件。

setTimeout()接受两个参数，第一个是回调函数，第二个是推迟执行的毫秒数。

需要注意的是，setTimeout()只是将事件插入了"任务队列"，必须等到当前代码（执行栈）执行完，主线程才会去执行它指定的回调函数。要是当前代码耗时很长，有可能要等很久，所以并没有办法保证，回调函数一定会在setTimeout()指定的时间执行。

综上所属

setTimeout是单线程，类似异步，但不是异步。