JS异步与同步的理解

  • 什么是异步执行机制
    • 浏览器内有三大线程:JS执行引擎线程,HTTP请求线程,事件触发线程;
    • 同步执行机制应该指的是JS执行引擎线程,按照书写顺序将程序加入队列中,按先后顺序一个个执行;
    • 异步执行机制就是不完全按照书写顺序将程序加入队列,而是将某些程序推迟到未来的某个时刻再加入队列中,等待执行;
      比如,一段代码中包含三个函数,第二个函数是一个监听器函数(注册有回调函数),当执行完第二个函数后,并未立刻执行回调函数,而是继续执行第三个函数,直到事件触发,此时将回调函数放入执行队列中,等待执行,如果刚好JS引擎空闲,就会马上执行回调函数;
      事件的异步处理机制主要是利用事件触发线程得到事件被触发的消息后,将回调函数放入执行队列中;在浏览器的代码中,可能是这样安排的;
  • 如何创建异步执行机制
    • 人为地改变某些函数的执行顺序;比如自定义事件就是模拟事件特性,将某些函数异步执行;
    • HTTP请求,包括Ajax请求,注册的回调函数就是异步的;
    • 事件触发,注册的回调函数就是异步的;
  • 为什么要创建异步执行机制
    • 为了实现由面向过程型编程向面向对象型编程的转变; 单线程适合面向过程编程用,而JS是面向对象语言,需要异步机制来实现面向对象编程;
  • 如果我的JS代码在运行一个复杂的计算程序,在此期间,如果发生了事件触发,事件的回调函数会立即执行吗?

答:不会的,回调函数只会进入执行队列里,等待执行;

  • 如果我的JS代码发起一个Ajax请求,在等待响应的期间,如果发生了事件触发,事件回调函数会立刻执行吗?如果会执行,在事件回调函数执行过程中,Ajax的响应到达,此时是执行Ajax的回调函数呢,还是仍然执行之前的事件回调函数呢?

答:事件回调函数会执行;如果Ajax响应到达后也不会马上执行ajax的回调函数,只会将其放入执行队列中,等待执行;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 是一门单线程的编程语言,意味着它在任意给定的时刻只能执行一个任务。这是因为 JavaScript 在最初设计时是作为浏览器脚本语言而诞生的,用于操作网页的 DOM(文档对象模型)。 在 JavaScript 中,任务按照它们被调用的顺序执行,这种方式称为同步执行。当一个任务执行时,其他任务必须等待它的完成才能继续执行。这种同步执行的特性可以确保数据的一致性,但也可能导致阻塞,特别是在执行耗时较长的任务时。 为了解决阻塞问题,JavaScript 引入了异步执行的概念。通过异步执行,可以让某些任务在后台执行,而不会阻塞其他任务的执行。常见的异步操作包括网络请求、文件读写和定时器等。在 JavaScript 中,通常使用回调函数、Promise、async/await 等方式来处理异步操作。 回调函数是最早被广泛使用的异步处理方式。通过将一个函数作为参数传递给异步操作,在操作完成后调用该函数来处理结果。然而,使用回调函数嵌套多层会导致代码可读性和维护性的降低,这就是所谓的"回调地狱"问题。 为了解决回调地狱问题,Promise 和 async/await 出现了。Promise 是一种用于处理异步操作的对象,它可以链式调用,避免了回调函数嵌套的问题。而 async/await 是基于 Promise 的语法糖,使异步代码看起来更像同步代码,更易于理解和编写。 总结起来,JavaScript 是单线程的,但通过异步执行可以提高程序的性能和响应速度。同步执行保证了数据的一致性,而异步执行允许在后台处理耗时操作,提高了用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值