• 技术文章 >web前端 >前端问答

    javascript异步是什么意思

    长期闲置长期闲置2022-01-19 11:45:53原创404

    在JavaScript中,异步的意思是不按照代码顺序执行,一个异步过程的执行将不再与原有的序列有顺序关系,程序的执行顺序与任务的排列顺序是不一致的,可以理解为异步就是从主线程发射一个子线程来完成任务。

    本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

    javascript异步是什么意思

    异步的概念

    异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。

    在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。

    简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高。

    以上是关于异步的概念的解释,接下来我们通俗地解释一下异步:异步就是从主线程发射一个子线程来完成任务。

    10.png

    什么时候用异步编程

    在前端编程中(甚至后端有时也是这样),我们在处理一些简短、快速的操作时,例如计算 1 + 1 的结果,往往在主线程中就可以完成。主线程作为一个线程,不能够同时接受多方面的请求。所以,当一个事件没有结束时,界面将无法处理其他请求。

    现在有一个按钮,如果我们设置它的 onclick 事件为一个死循环,那么当这个按钮按下,整个网页将失去响应。

    为了避免这种情况的发生,我们常常用子线程来完成一些可能消耗时间足够长以至于被用户察觉的事情,比如读取一个大文件或者发出一个网络请求。因为子线程独立于主线程,所以即使出现阻塞也不会影响主线程的运行。但是子线程有一个局限:一旦发射了以后就会与主线程失去同步,我们无法确定它的结束,如果结束之后需要处理一些事情,比如处理来自服务器的信息,我们是无法将它合并到主线程中去的。

    为了解决这个问题,JavaScript 中的异步操作函数往往通过回调函数来实现异步任务的结果处理。

    JS的异步请求和异步加载

    异步请求:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。

    例子:当用户填写完一条信息后,该信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用户的时间,提高了用户的体验。

    异步加载:默认的js是同步加载的,(这里的“加载”可以理解成是解析、执行)。异步的JS就是指在加载这条JS代码的同时,继续执行下面的js。

    举个例子:比如这段代码,

    <script type="text/javascript" src='http://china-addthis.googlecode.com/svn/trunk/addthis.js'></script>
    <script type="text/javascript" src='http://libs.baidu.com/jquery/2.0.0/jquery.min.js'></script>
    <script type="text/javascript">
     console.log('hello world');
    </script>

    我们的要求似乎很简单,能在页面加载的同时,在控制台输出字符串即可,再讲的通俗一点,就是在请求第一段谷歌提供的js的同时,继续执行下面的js,也就是实现js的异步加载。

    相关推荐:javascript学习教程

    以上就是javascript异步是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 前端 html
    上一篇:javascript怎样实现点击加一 下一篇:javascript怎样判断是否空值
    千万级数据并发解决方案

    相关文章推荐

    • javascript怎么求1-n的和• JavaScript怎么改变网页背景颜色• javascript中且是哪个符号• JavaScript怎么点击按钮修改文本• JavaScript函数有返回值吗
    1/1

    PHP中文网