js为什么是单线程?

js为什么是单线程?

假设javascript有两个线程,一个在某个DOM节点添加内容,另一个线程在这个节点上删除内容,这是浏览器应该以哪个线程为准?
这就意味着单线程作为javascript的核心标准,将一直沿用下去。

JS为什么需要异步?

既然js是单线程,那么意味着,当先我们执行一个任务,什么事都干不了,只能等待他执行完。如果执行的任务需要等待很长的时间,对于用户而言阻塞就意味着"卡死",这样就导致了很差的用户体验

JS单线程又是如何实现异步的呢?

是通过的js事件循环(event loop)

JS中的 Event loop

  • 同步任务

同步任务说白了就是主线程来执行的时候立即就能执行的代码

  • 异步任务

异步任务就是你先去执行别的 task,等我这完成之后再往 Task Queue 里面塞一个 task 的同步任务来 等待 被执行

循环示例图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-d9iFymit-1624268384559)(…/.vuepress/public/event_loop1.jpeg)]

1.主线程自上而下执行所有代码

2.同步任务直接进入到主线程被执行,而异步任务则进入到 Event Table 并注册相对应的回调函数

3.异步任务完成后,Event Table 会将这个函数移入 Event Queue

4.主线程任务执行完了以后,会从Event Queue中读取任务,进入到主线程去执行。

循环如上也就是常说的Event Loop(事件循环)

示例代码
  $.ajax({
   
      url:www.javascript.com,
      data:data,
      success:() => {
   
          console.log('发送成功!');
      }
  })
  console.log('这是一个同步任务');
  • 示例执行说明

ajax 请求首先进入到 Event Table ,分别注册了success回调函数。

你可能感兴趣的:(js核心知识,js)