前端开发面试题—JavaScript执行机制(同步与异步,补充:线程与进程)

简介: 今天分享一下我遇到的一个面试题,是关于JavaScript执行机制——同步与异步的问题,解释一下什么是同步和异步呢?

 今天分享一下我遇到的一个面试题,是关于JavaScript执行机制——同步与异步的问题,解释一下什么是同步和异步呢?


🎯JavaScript单线程

    • JavaScript语言的一大特点就是单线程(Java多线程),也就是说,同一个时间只能做一件事。这是因为JavaScript这门脚本语言诞生的使命所致,即JavaScript是为处理页面中用户的交互,以及操作DOM而诞生的。比如,对某个DOM元素进行添加和删除操作,不能同时进行,那么这个DOM元素究竟是要添加还是删除呢?这会带来很复杂的同步问题,所以应该先进行添加,然后才删除,因此,JavaScript是单线程的。
    • 单线程就意味着,所有任务需要排队进行,前一个任务结束,才会执行后一个任务,这样所导致的问题是,如果JavaScript执行的时间过长,就会导致页面的渲染不连贯,导致页面渲染加载有阻塞的感觉,对于用户而言,阻塞就意味着"卡死",这样就导致了很差的用户体验。

    为了更好理解,他过下面这段代码来演示

    console.log('1')
    setTimeout(function(){
    console.log('2')
    },1000)
    console.log('3')
    image.gif

    上述代码输出为“1,3,2”,在控制台会看到程序先输出1、3,然后等待1秒后才会输出2。当调用setTimeout()方法后,该方法会立即执行完成,然后执行后面的代码,输出3。 但是为setTimeout()传入的函数,会在一秒后才执行(定时器)。像这样的操作称为异步操作,这个异步执行的函数称为回调函数,它的调用时机是由定时器来决定的。

    setTimeout()语法格式:setTimeout(调用的函数,[延迟的毫秒数])

    🎯JavaScript同步(Synchronous, sync)与异步(Asynchronous, async)

    为了更好的利用多核CPU的计算能力,HTML5提出Web Worker标准,运行JavaScript脚本创建多个线程,于是JavaScript出现了同步和异步的概念。

      • 所谓同步和异步:同步就是前一个任务执行完毕,才能继续执行下一个任务,程序的执行顺序与任务的排列顺序一致、同步的。异步是与同步相对的概念,就是在做一件事的同时,可以去处理其他事情。
      • 在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系
        简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高
      • 同步任务都是在主线程上排队执行的任务,会形成一个执行栈,只有前一个任务执行完毕,才能继续执行下一个任务,而异步任务是通过回调函数实现的异步就是从主线程发射一个子线程来完成任务)。


      🎯补充:线程与进程

      ⏬二者联系

        • 线程是操作系统能够进行运算调度的最小单位(不能独立运动,必须依赖于进程)。它被包含在进程之中,是进程中的实际运作单位。一条线程指的是进程中一个单一顺序的控制流,(进程包含线程,每条线程并行执行不同的任务)一个进程中可以并发一个或多个线程,每条线程并行执行不同的任务。(计算机科学中的线程是同时运行多个任务或程序的执行。每个能够执行代码的单元称为线程)
        • 同一个进程中的线程是共享内存资源的,比如全局变量,每一个线程都可以改变其共同进程中的全局变量的数据

        ⏬二者区别

          • 线程是操作系统能够进行运算调度的最小单位(线程是独立调度和分派的基本单位)。进程是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位,是操作系统结构的基础。
          • 地址空间和其它资源(如打开文件):进程间相互独立,同一进程的各线程间共享。某进程内的线程在其它进程不可见。
          • 通信:进程间通信IPC,线程间可以直接读写进程数据段(如全局变量)来进行通信——需要进程同步和互斥手段的辅助,以保证数据的一致性。
          • 调度和切换:线程上下文切换比进程上下文切换要快得多。
          • 在多线程OS中,进程不是一个可执行的实体。
          • 进程下管理的最底层单位是线程,在等级上,进程明显大于线程。
          • 线程基本不拥有系统资源,它与其他线程共享同一进程所拥有的共同资源。由于线程比进程小,且基本不拥有系统资源,因此对其调度的开销会很小,从而极大的提高了对系统资源的利用率。
          • 当服务器需要响应多个用户请求时,如果创建多个进程,由于进程与进程之间是相互独立的,会过多的占用内存空间,降低服务器的响应速度,但线程是共享同一进程中的资源的,使用线程会提高系统的并发型。

          参考来自

          百度百科线程

          百度百科进程

          JavaScript异步编程

          博客园呆呆菇凉——进程和线程的区别和联系

          目录
          相关文章
          |
          27天前
          |
          前端开发 JavaScript 网络协议
          前端最常见的JS面试题大全
          【4月更文挑战第3天】前端最常见的JS面试题大全
          48 5
          |
          2天前
          |
          Dart 前端开发 安全
          【Flutter前端技术开发专栏】Flutter中的线程与并发编程实践
          【4月更文挑战第30天】本文探讨了Flutter中线程管理和并发编程的关键性,强调其对应用性能和用户体验的影响。Dart语言提供了`async`、`await`、`Stream`和`Future`等原生异步支持。Flutter采用事件驱动的单线程模型,通过`Isolate`实现线程隔离。实践中,可利用`async/await`、`StreamBuilder`和`Isolate`处理异步任务,同时注意线程安全和性能调优。参考文献包括Dart异步编程、Flutter线程模型和DevTools文档。
          【Flutter前端技术开发专栏】Flutter中的线程与并发编程实践
          |
          8天前
          |
          前端开发 网络协议 JavaScript
          如何在前端实现WebSocket发送和接收TCP消息(多线程模式)
          请确保在你的服务器端实现WebSocket的处理,以便它可以接受和响应前端发送的消息。同时,考虑处理错误情况和关闭连接的情况以提高可靠性。
          27 0
          |
          10天前
          |
          JavaScript 前端开发
          js开发:请解释同步和异步编程的区别。
          同步编程按顺序执行,易阻塞;异步编程不阻塞,提高效率。同步适合简单操作,异步适合并发场景。示例展示了JavaScript中同步和异步函数的使用。
          17 0
          |
          2月前
          |
          消息中间件 存储 算法
          【C/C++ 泡沫精选面试题04】在实际项目中,多进程和多线程如何选择?
          【C/C++ 泡沫精选面试题04】在实际项目中,多进程和多线程如何选择?
          48 1
          |
          2月前
          |
          存储 缓存 监控
          2024年春招小红书前端实习面试题分享
          春招已经拉开帷幕啦! 春招的拉开,意味着新一轮的求职大战已经打响,希望每位求职者都能充分准备,以最佳的状态迎接挑战,找到心仪的工作,开启职业生涯的新篇章。祝愿每位求职者都能收获满满,前程似锦!
          77 3
          |
          2月前
          |
          前端开发 数据可视化 安全
          2024金三银四必看前端面试题!简答版精品!
          2024金三银四必看前端面试题!2w字精品!简答版 金三银四黄金期来了 想要跳槽的小伙伴快来看啊
          89 3
          |
          3月前
          |
          存储 前端开发 JavaScript
          前端面试:如何实现并发请求数量控制?
          前端面试:如何实现并发请求数量控制?
          89 0
          |
          2月前
          |
          Java 程序员
          java线程池讲解面试
          java线程池讲解面试
          62 1
          |
          3月前
          |
          存储 关系型数据库 MySQL
          2024年Java秋招面试必看的 | MySQL调优面试题
          随着系统用户量的不断增加,MySQL 索引的重要性不言而喻,对于后端工程师,只有在了解索引及其优化的规则,并应用于实际工作中后,才能不断的提升系统性能,开发出高性能、高并发和高可用的系统。 今天小编首先会跟大家分享一下MySQL 索引中的各种概念,然后介绍优化索引的若干条规则,最后利用这些规则,针对面试中常考的知识点,做详细的实例分析。
          253 0
          2024年Java秋招面试必看的 | MySQL调优面试题