首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

同步、异步、回调执行顺序之经典闭包setTimeout分析

聊聊同步、异步和回调 同步,异步,回调,我们傻傻分不清楚, 有一天,你找到公司刚来的程序员小T,跟他说:“我们要加个需求,你放下手里的事情优先支持,我会一直等你做完再离开”。...(stack)空闲的时候,就会对event queue里面的回调读取并放到stack里面执行 我们经常说的可能是异步回调(当然也有同步回调),所以也就并不难理解,回调和异步之间其实并没有直接的联系,回调只是异步的一种实现方式...,  通过这样的event loop我们其实可以分析出三者的执行顺序,即 同步 > 异步 > 回调 经典闭包setTimeout分析 今天同学问了我一个问题,我一看是一道经典的面试题,问题如下: ?...;  1、首先我们先来看一下他的主体结构: for循环的第一层是setTimeout函数,setTimeout函数中使用了一个匿名(回调)函数  2、还记的我们之前总结的执行顺序:同步 > 异步 > 回调...1)for循环和外层的 console.log()是同步的,setTimeout是回调执行,   所以按照执行顺序,先执行for循环,然后进入for循环中,他发现了一个setTimeout()回调(进入

1.4K101
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何通过JNI传递对象执行回调

    关于JNI的完整技术文档,大家可以查看下面这个网址: http://java.sun.com/j2se/1.5.0/docs/guide/jni/ 下面我们看下JNI如何执行回调函数:...我们知道在c/c++回调函数可以通过函数指针执行,但是在Java中已经没有指针的概念,在这里,我们先传递一个类对象给native函数,然后再dll中调用期望的函数即可。...下面的这个例子中,我们通过回调传递一个字符串给java,这在java和c/c++混合编程时传递dll内部的出错或其他信息到java层是很有用的。 1....首先创建一个java类文件,封装一个native函数和一个用于回调的函数 package jni; public class Log { static{...利用vc和生成的头文件完成一个dll #include < windows.h > 调#include “ jni_Log.h “ int WINAPI DllMain(HINSTANCE

    2.5K30

    useMemo依赖没变,回调还会反复执行?

    经常使用React的同学都知道,有些hook被设计为:「依赖项数组 + 回调」的形式,比如: useEffect useMemo 通常来说,当「依赖项数组」中某些值变化后,回调会重新执行。...我们知道,React的写法十分灵活,那么有没有可能,在「依赖项数组」不变的情况下,回调依然重新执行? 本文就来探讨一个这样的场景。...应用渲染的结果如下: 现在问题来了,如果我们在useMemo回调中打印个log,记录下执行情况,那么log会打印多少次?...原理分析 首先,我们要明确一点:「hook依赖项变化,回调重新执行」是针对不同更新来说的。 而我们的Demo中useMemo回调虽然会执行几千次,但他们都是同一次更新中执行的。...在某些会触发unwind的场景(比如Suspense、Error Boundary)下,一次更新会重复执行很多次。 在这种情况下,即使hook依赖没变,回调也会重新执行。

    39730

    js 立即执行函数

    立即执行函数 目录 立即执行函数 作用 参数 返回值 立即执行函数 立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行。...立即执行函数的组成 定义一个函数 将整个函数包裹在一对括号中 将函数声明转换为表达式 在结尾加上一对括号 让函数立即被执行 代码实例 (function () { console.log("...+ who) })("kangkang") 代码实例2 (function (global) { console.log(global) })(this) 通常,全局变量被作为一个参数传递给立即执行参数...注意 通常你不应该给立即执行函数传递太多的参数,因为它很快会成为一个负担——为了理解代码是如何工作的,你不得不经常上下滚动源代码。...返回值 就像其它任何函数一样,一个立即执行函数也能返回值并且可以赋值给其它变量。 var num = (function () { return 4 })() console.log(num)

    6.2K20

    回调

    回调 回调简单而言:在一个类(A)的方法(a)中调用另一个类(B)的方法(b),当方法(b)执行完之后就调用类(A)中的方法(c),这就是回调的过程,是不是很简单?...同步回调 这里模拟一个情景,小狗邀请小猫出去玩,而小猫要午睡,所以小狗要等到小猫睡醒了才一起出去玩,要实现的功能是小猫睡醒了回调通知小狗 其主要对象有: 回调接口 回调实现类 被调用者 2.1 回调接口...public interface Callback { // 回调函数 public void callback(); } 2.2 回调实现类 public class Dog...am sleeping"); System.out.println("Cat:i am waking up"); callback.callback(); // 在此回调...异步回调 回调最重要体现在异步上,在上面的例子中,小狗在等小猫醒来的过程中是被阻塞不能执行其他任务的,所以异步回中小狗在等小猫过程中可以干其他事情,等小猫醒了再去执行出去玩这个任务,提高了执行效率 3.1

    2.6K20

    ​29 - 回调函数和回调地狱

    回调函数是被当做参数传递给其它函数的函数,回调函数可以在被调用的函数内执行一些任务。...回调函数(geeting)传入参数 name 执行且打印出 "Hello name"。 以上是一个简单的回调函数的例子,具体来说它是同步回调。一切都被逐行执行,一个接一个。...回调如何推动异步编程的 有许多耗时任务像磁盘 I/O、网络请求和数据处理,这些需要放到异步中去执行。...回调函数传递给 setTimeout 然后等待 2 秒后执行; 2....及时 setTimeout 是等待 0 秒,打印的顺序依旧是 "Hello Namaste Hey"。奇怪的是 0 秒应该是立即执行,可事实上并非如此。它依旧会像上面提到的代码一样经历事件循环。

    4.6K10

    前端入门20-JavaScript进阶之异步回调的执行时机声明正文-异步回调的执行时机

    正文-异步回调的执行时机 本篇会讲到一个单线程事件循环机制,但并不是网络上对于 js 执行引擎介绍中的单线程机制,也没有涉及宿主环境浏览器的各种线程,如渲染线程、js 引擎执行线程、后台线程等等这些内容...回到正题,本篇所要讲的,就是类比于 Android 中的主线程消息队列循环机制,来讲讲在 JavaScript 中,如果设置了某个异步任务后,当异步任务执行完成需要回调通知时,这个回调任务的执行时机。...,这个回调的代码是在什么时机会被执行的?...所以,在 Android 中的异步任务的回调工作,比如同样异步发起一个网络请求,请求结果回来后,需要回调到主线程中处理,那么这个回调工作的代码段会被封装到 message 中,发送到消息队列中排队,直到轮到它来执行...所以,如果这时候第一个 标签内的代码发起的异步任务才结束,才将回调工作加入事件队列中,那么这个回调工作的代码只能等到第二个 标签内的代码都执行结束后才会被处理。

    89330

    什么是回调地狱?如何解决回调地狱问题_地狱回调

    一、什么是回调地狱呢? 地狱这个词不陌生吧!对,没错就是那个十八层地狱的地狱,一层一层的地狱。 1、同步API,异步API的区别 这个问题呢,需要从Node.js的API说起,这里就会有人问了?...博主你不是说回调地狱的问题吗,怎么说到API了,别急,看博主一步一步的解释给你听: 同步API 是从上到下依次执行,前面的代码会阻塞后面的代码执行 请看下面这个代码 这里我写了一个for询还1000次.../demo.txt’,(err,result) =>{}); console.log('文件打印结果') 3、写一个使用异步API,造成的回调地狱案例 案例需求:依次读取A文件,B文件,C文件 首先需要创建一个...这样一层回调嵌套一层回调,是不是有点像地狱的样子!这样的代码也不易去维护。 二、怎么解决回调地狱呢?...Promise的出现就是解决Node.js异步编程中回调地狱的问题 基础语法 let promise = new Promise((resolve,reject) =>{ setTimout(()

    3.2K30

    Promise、setTimeout的执行顺序

    -同步任务进入主线程,按顺序从上而下依次执行, -异步任务,进入`event table` ,注册回调函数 `callback` , 任务完成后,将`callback`移入`event queue`中等待主线程调用...的执行顺序优先于setTimeout所以由此可知,在异步任务中,微任务优先于宏任务执行,可以看看下图。..., 遇到 console.log(1), 输出 1 遇到一个 setTimeout 宏任务, 将其回调函数推入 macro Task 的 event queue 中,macro Task 的 event...queue 中记一个任务 setTimeout1 然后碰到 promise 微任务, 直接执行 new Promise 输出 5, 并将 then 函数的回调函数推入 micro Task 的 event...queue 中, micro Task 的 event queue 中记 一个 微任务 promise1 又遇到了 setTimeout 宏任务, 同理,将其回调函数推入 macro Task 的 event

    67720

    回调函数

    回调函数就是一个通过函数指针调用的函数。如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用来调用其所指向的函数时,我们就说这是回调函数。...回调函数不是由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用的,用于对该事件或条件进行响应 --摘自百度百科-- 什么是回调函数,上面的问题说的是不是很空洞,不是太形象,下面是知乎上的一位网友给的答案...,请前来购买~"); System.out.println(response); } } } 首先新建一个抽象工具类,里面具体使用电话工具作为通讯方法(回调函数...),然后顾客要有电话,所以实现了这个接口;售货员需要在有货时通知顾客,所以需要有个通知顾客的方法callCustomer,入参数中有Tools接口的引用(登记回调函数),然后在该方法中调用Tools的方法...,通知顾客已经有货了(调用回调函数),顾客接受到电话通知(回调响应);然后在Customer类的main方法中, callCustomer方法的入参,传入了Customer的实例.

    3.8K20

    回调函数

    source=cloudtencent 什么是回调函数? 简单的来说,一个函数作为另外一个函数的参数,可以称为回调函数。这个理解其实不完全对,回调的意义根本没有体现出来,何为回调?...也就是说一个函数你定义了,你没有马上的去调用它,而是交给了另外一个函数去调用,这才属于回调函数。 缺点 直接使用传统回调方式去完成复杂的异步流程,无法避免大量的回调函数嵌套,形成回调地狱。...基础案例 回调函数 function foo(callback) { setTimeout(() => { callback() }, 3000) } foo(function...() { console.log('这就是一个回调函数') console.log('现在处于定义时,没有被直接调用') console.log('我是被其他函数调用的,setTimeout...执行之后') }) 回调地狱 const getData = (url, fn) => { fn(url + 'xiaoming') } getData('/url1', function

    1.7K00

    回调地狱

    我们已知道回调函数是必须得依赖另一个函数执行调用,它是异步执行的,也就是需要时间等待,典型的例子就是Ajax应用,比如http请求,在不刷新浏览器的情况下,当你执行DOM事件时,比如页面上点击某链接,回车等事件操作...,很恶心,就产生了回调地狱.本文,将为你揭晓怎么避免回调地狱,您将在本文中了解到以下内容: 什么是回调地狱(函数作为参数层层嵌套) 什么是回调函数(一个函数作为参数需要依赖另一个函数执行调用) 如何解决回调地狱...这就是被称为回调地狱 回调地狱的原因是,当人们试图以一种从上到下的视觉方式执行JavaScript的方式编写JavaScript时。...不像大多数函数那样立即返回一些结果,使用回调函数需要一些时间来产生结果。 “异步”这个词,又名“异步”,意思是“需要一些时间”或“将来会发生,而不是现在”。...在处理回调时,你根据定义处理已分派的任务,请在后台执行某些操作,然后成功完成或由于失败而中止。

    2.3K10
    领券