JS是单线程
JavaScript 语言的一大特点就是单线程,同一个时间只能做一件事。JavaScript 是为处理页面中用户的交互,以及操作DOM 而诞生的,比如我们对某个DOM元素进行添加和删除操作,不能同时进行,应该先添加,后删除。
单线程意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题结果:如果JS执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。
同步和异步
同步:单线程,同步任务都在主线程上执行。
异步:多线程,异步任务是通过回调函数实现的,异步任务添加到任务队列中执行。
它们的执行顺序不同。
异步任务一般有三类:
普通事件 click、resize资源加载 load、error定时器 setInterval、setTimeout
JS执行机制
先执行主线程上的同步任务异步任务(回调函数)放入任务队列中一旦主线程同步任务执行完毕后,系统会按次序读取任务队列中的异步任务(回调函数),进入主线程执行栈,开始执行。
由于主线程不断的重复获得任务,执行任务,再获取任务、再执行,所以这种机制称为事件循环