单线程和异步-定时器

Js作为浏览器的脚本语言,其最根本的作用是实现用户与浏览器的交互行为,操作DOM决定它是单线程。例如:当一个用户要删除一个A,同时又要向A中添加内容,浏览器该以哪个线程为准。

同步任务:只有前一个任务执行完成后,才可执行下一个任务,在主线程中

异步任务:这个队列的所有任务都是不进入主线程执行,而是被浏览提供的线程执行,当执行完毕后就会产生一个回调函数,并且通知主线程,在主线程执行完当前所执行的任务后,就会调取最早通知自己的回调函数,使其进入主线程中执行,比如ajax请求,再主线程中呈现的就是请求结果~

异步:(1)所有的同步任务都会在主线程上执行,形成一个执行栈。(2)主线程之外还有一个“任务队列”。只要异步任务有了运行结果,就在“任务队列”中放置一个事件(回调函数Callback)。(3)一旦“执行栈”中的所有同步任务执行完毕,系统就会读取“任务队列”,看里面事件。那些对应的异步任务,于是结束等待状态,开始执行。

注:任务队列:一个事件队列(消息的队列)。io设备完成一项任务,就在“任务队列”中添加一个事件,表示相关的异步任务可以进入“执行栈”,主线程读取“任务队列”,就是读取里面的有哪些事件。//例如产生的事件(比如鼠标点击、页面滚动等等)。只要指定过回调函数,这些事件发生时就会进入”任务队列”,等待主线程读取。

回调函数callback),就是那些会被主线程挂起来的代码。异步任务必须指定回调函数,当主线程开始执行异步任务,就是执行对应的回调函数。

异步在前端中的应用场景

 定时任务setTimeout 用于指定毫秒数过后调用函数或者计算函数表达式  clearTimeout

               setInterval 用于每隔指定毫秒数循环调用函数或表达式 直到clearinterval清除

网络请求  ajax请求 动态加载img

事件绑定


猜你喜欢

转载自blog.csdn.net/liouswll/article/details/80656558