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回调函数。