zoukankan      html  css  js  c++  java
  • setTimeout、同步、异步的理解

    console.log('111');
    setTimeout(()=>{
        console.log('222')
    },1000);
    console.log('333');
    setTimeout(()=>{
        console.log('444')
    },0);
    console.log(555);
    

    就是执行这样一段js代码 , 打印出来的结果是 :
    111 -> 333 -> 555 -> 444 -> 222
    (结果就是我们理论起来 setTimeout 到底是同步还是异步的 ?为什么会这样执行 ? JavaScript不是一门单线程的语言吗?)

    了解setTimeout 与 clearTimeout
    setTimeout 接受两个参数,第一个是包含js代码的字符串和函数,第二个参数是等待多长时间的毫秒数,但经过该事件指定的代码不一定执行(下面讲解缘由)。clearTimeout 接受一个setTimeout 返回的id 值作为参数传递给它,取消代码的执行。

    //设置超时调用
    var timeoutId = setTimeout(function (){
        alert("hello World");
        },1000);
    //取消掉用的代码
    clearTimeout(timeoutId);

    JavaScript中没有任何代码是立即执行的,但是只用进程一旦空闲就会立即执行,所以题目中设置的事件不过是经过多少毫秒数被添加到了队列中,而不是经过多少时间后就被执行
    在这里,我们需要有一点进程,线程的知识来支撑我们理解js中同步,异步的编程思想
    众所周知,javascript是一门单线程的语言,即在js引擎中负责解释和执行js代码的线程只能有一个,但是,我们知道浏览器是多线程的。html5中提出了新的web标准,允许javascript 脚本创建多个线程,但子线程完全受主线程控制,且不得进行Dom操作,因此也并没有改变单线程的本质。
    同步异步的理解
    同步:假如一个函数返回时,调用者就能够得到预期结果(拿到了预期的返回值或者看到了预期的效果),这就是同步函数。

    alert("hello World");
    console.log("hello World");

    异步:调用一个函数,返回的值不是预期的结果,需要通过一定的手段才能得到预期的返回值,这就是异步函数

    var timeoutId = setTimeout(function (){
            alert("hello World");
        },1000)

    异步执行的过程:
    主线程发起一个异步请求,相应的工作线程(比如浏览器的其他线程)接收请求并告知主线程已收到(异步函数返回);主线程可以继续执行后面的代码,同时工作线程执行异步任务;工作线程完成工作后,通知主线程;主线程收到通知后,执行一定的动作(调用回调函数)。(工作线程将消息放到消息队列中,主线程通过时间循环去逐个取信息,)

    发起函数 – 发起异步过程
    回调函数 – 返回处理结果
    事件循环的机制
    主线程只会做一件事,就是从消息队列里面取消息、执行消息。当消息队列为空时,就会等待消息队列变成非空。只有当前的消息执行结束,才会去取下一个消息。这种机制就叫做事件循环机制Event Loop,取一个消息并执行的过程叫做一次循环。
    setTimeout 函数的解决
    在了解了以上的知识点后,我们就能够对setTimeout 函数有很好的理解,在执行我们本页开始的代码的时候,先在控制台输出 one ,然后主线程发起异步请求,工作线程接受请求,将setTimeout 经过设置的时间数推入消息队列,最终通过事件循环取出消息进行调用,这就是我们刚才开始看到结果的原因了。

    setTimeout 到底是同步还是异步的 ?
    除了放置异步任务的事件,"任务队列"还可以放置定时事件。

    setTimeout()接受两个参数,第一个是回调函数,第二个是推迟执行的毫秒数。
    需要注意的是,setTimeout()只是将事件插入了"任务队列",必须等到当前代码(执行栈)执行完,主线程才会去执行它指定的回调函数。要是当前代码耗时很长,有可能要等很久,所以并没有办法保证,回调函数一定会在setTimeout()指定的时间执行。

    综上所属
    setTimeout是单线程,类似异步,但不是异步 。

  • 相关阅读:
    mysqld参数配置
    mysql配置详解
    前台获取json未定义问题之两种常用解决办法
    Java相关框架资料及其基础资料、进阶资料、测试资料之分享
    Jmeter之tomcat性能测试+性能改进措施
    Jmeter之mysql性能测试
    MyBatis之反射技术+JDK动态代理+cglib代理
    MyBatis之动态sql
    MyBatis+Hibernate+JDBC对比分析
    前台返回json数据的常用方式+常用的AJAX请求后台数据方式
  • 原文地址:https://www.cnblogs.com/ranyonsue/p/13937108.html
Copyright © 2011-2022 走看看