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

六、setTimeout与循环经典面试题详解

我在详细图解作用域链与[1]一文中的结尾留下了一个关于setTimeout与循环的思考题。...OK,关于setTimeout就暂时先介绍到这里,我们回过头来看看那个循环的思考题。...而我们想要让输出结果依次执行,我们就必须借助的特性,每次循环时,将i值保存在一个中,当setTimeout中定义的操作执行时,则访问对应保存的i值即可。...因此,我们只需要2个操作就可以完成题目需求,一是使用自执行函数提供条件,二是传入i值并保存在中。...利用断点调试,在chrome中查看执行顺序与每一个中不同的i值 当然,也可以在setTimeout的第一个参数处利用

1.1K10

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

当然也有同步回调),所以也就并不难理解,回调和异步之间其实并没有直接的联系,回调只是异步的一种实现方式,  通过这样的event loop我们其实可以分析出三者的执行顺序,即 同步 > 异步 > 回调 经典...setTimeout分析 今天同学问了我一个问题,我一看是一道经典的面试题,问题如下: ?...;  1、首先我们先来看一下他的主体结构: for循环的第一层是setTimeout函数,setTimeout函数中使用了一个匿名(回调)函数  2、还记的我们之前总结的执行顺序:同步 > 异步 > 回调...1)for循环和外层的 console.log()是同步的,setTimeout是回调执行,   所以按照执行顺序,先执行for循环,然后进入for循环中,他发现了一个setTimeout()回调(进入...7 8 console.log( i ); 我们都知道es5中变量作用域是函数,而es6却可以使用let声明一个具有块级作用域的i,在这里也就是for循环体; 在这里let本质上就是形成了一个

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

    swift (表达式、尾随、逃逸、自动)

    是自含的函数代码块,可以在代码中被传递和使用 和swift的对比 Swift 中与OC的 block 比较相似 Swift中是一个特殊函数,OC中block是一个匿名函数 和block...函数和都是引用类型 你将函数或赋值给一个常量还是变量,你实际上都是将常量或变量的值设置为对应函数或的引用 //这两个常量或变量都引用相同的 let method = result 逃逸...一个传入函数的如果在函数执行结束之后才会被调用,那么这个就叫做逃逸 (通俗点讲,不在当前方法中使用,而是在方法之外使用) 定义函数的参数为逃逸时,只需要在参数名之前标注 @escaping...//我是逃逸的 逃逸是在函数执行之后再执行,于是这段代码最后输出“我是逃逸的” 自动 自动:自动创建一个用来包裹一个表达式,这种不接受任何参数,当包被调用时,返回包裹在中的表达式的值...自动让你能够延迟求值,因为直到你调用这个,代码段才会被执行 这种便利语法让你能够省略的花括号,用一个普通的表达式来代替显式的 var arr = ["a","b","c"] print

    59610

    【集合论】关系 ( 自反 | 对称 | 传递 )

    文章目录 一、关系 二、自反 三、对称 四、传递 一、关系 ---- 包含给定的元素 , 并且 具有指定性质 的 最小的 集合 , 称为关系的 ; 这个指定的性质就是关系 R...自反 r ( R ) : 包含 R 关系 , 向 R 关系中 , 添加有序对 , 变成 自反 的 最小的二元关系 对称 s ( R ) : 包含 R 关系 , 向 R 关系中 ,...添加有序对 , 变成 对称 的 最小的二元关系 传递 t ( R ) : 包含 R 关系 , 向 R 关系中 , 添加有序对 , 变成传递 的 最小的二元关系 定义中有三个重要要素 : 包含给定元素...具有指定性质 最小的二元关系 二、自反 ---- 自反 r ( R ) : 包含 R 关系 , 向 R 关系中 , 添加有序对 , 变成 自反 的 最小的二元关系 R \subseteq...(R) 是自反的 \forall S ( ( R \subseteq S\land S 自反 ) \to r(R) \subseteq S) 关系 R 的关系图 G(R) : R 的自反

    3.7K00

    图例详解那道setTimeout与循环的经典面试题

    Question 题目描述如下: Answer 在最初学习setTimeout的时候,我们很容易知道setTimeout有两个参数,第一个参数为一个函数,我们通过该函数定义将要执行的操作。...OK,关于setTimeout就暂时先介绍到这里,我们回过头来看看那个循环的思考题。...而我们想要让输出结果依次执行,我们就必须借助的特性,每次循环时,将i值保存在一个中,当setTimeout中定义的操作执行时,则访问对应保存的i值即可。...而我们知道在函数中判定的准则,即执行时是否在内部定义的函数中访问了上层作用域的变量。因此我们需要包裹一层自执行函数为的形成提供条件。...因此,我们只需要2个操作就可以完成题目需求,一是使用自执行函数提供条件,二是传入i值并保存在中。 当然,也可以在setTimeout的第一个参数处利用

    19920

    【Groovy】 Closure ( 类 Closure 简介 | this、owner、delegate 成员区别 | 静态变量 | 中定义 )

    文章目录 总结 一、静态变量 1、执行普通变量 2、执行静态变量 二、 在中定义 三、 完整代码示例 总结 在中 , 打印 this , owner , delegate ,...打印结果都是创建时所在的类 ; 如果在类中创建 , 则打印结果是类 ; 如果在实例对象中创建 , 则打印结果是实例对象 ; 如果在 A 中创建 B , this 是最外层 A...之外的类 , owner , delegate 是上一层 B ; 一、静态变量 ---- 1、执行普通变量 在类中定义变量 , 在中打印 this、owner、delegate 值..."owner : " + owner println "delegate : " + delegate } } 直接使用所在类直接调用 , 不再使用所在类对象调用...: class Test2 二、 在中定义 ---- 在 Test2 类中定义 变量 closure2 , 在 closure2 中定义 closure3 , class Test2

    76220

    从React陷阱的名字就可以看出来,我们的问题与引起的,那么就是我们必须要探讨的问题了。...函数和对其词法环境lexical environment的引用捆绑在一起构成,也就是说,可以让你从内部函数访问外部函数作用域。在JavaScript,函数在每次创建时生成。...是需要使用局部变量的,定义使用全局变量就失去了使用的意义,最外层定义的函数可实现局部作用域从而定义局部变量,函数外部无法直接访问内部定义的变量。...在下边这个例子中,我们可以看到local这个变量是局部的变量,setTimeout进行调用的词法作用域是全局的作用域,理论上是无法访问local这个局部变量的,但是我们采用了的方式创建了一个能够访问内部局部变量的函数...如果我们类似于第二个setTimeout直接将参数传递也是可以的,但是如果我们在这里封装了很多逻辑,那么这个参数传递就变得比较复杂了,根据实际情况用可能会更合适一些。

    42720

    什么是 (closure)指有权访问另一个函数作用域中变量的函数。简单理解就是 ,一个作用域可以访问另外一个函数内部的局部变量。 3. 的作用 作用:延伸变量的作用范围。...的案例 利用的方式得到当前li 的索引号 for (var i = 0; i < lis.length; i++) { // 利用for循环创建了4个立即执行函数 // 立即执行函数也成为小因为立即执行函数里面的任何一个函数都可以使用它的...i这变量 (function(i) { lis[i].onclick = function() { console.log(i); } })(i); } 应用-3秒钟之后...,打印所有li元素的内容 for (var i = 0; i < lis.length; i++) { (function(i) { setTimeout(function() {...console.log(lis[i].innerHTML); }, 3000) })(i); } 应用-计算打车价格 /*需求分析 打车起步价13(3公里内),

    46920

    作用域 想掌握那么就一定要知道什么是作用域。...而这种嵌套的方式正是 那作用域和是什么关系呢?英文是“Closure”,中译“关闭”。前面说到内部作用域可以访问上级作用域的变量,外部无法访问内部的作用域。...那外部是不是可以由此访问里面嵌套的作用域了吗 是如何产生的 产生的条件: 嵌套函数 内部函数持有外部函数的变量 生命周期 嵌套的内部函数执行完会去销毁 function foo() {...var a = 2; bar(); function bar() { console.log(++a); } } foo(); // 3 foo(); // 3 实际应用 模块化 是模块化开发的基石...args) { let that = this let _args = args clearTimeout(fun.id) fun.id = setTimeout

    15240

    source=cloudtencent 什么是的概念并不复杂,但是它的定义比较绕(就像平时经常用到它,却又说不出来是什么)。...可以在一个作用域中调用函数的内部函数并访问到该函数中的作用域的成员,这就是。给一个建议,网上的概念可以搜出来一大堆,但是你真的了解它吗?你有去调试看过它真的存在吗?...为了更好的理解,我列举以下两个场景,一个是存在,一个是不存在。并且通过浏览器调试工具去查看。...,当我们准备打印 msg 变量的时候,它是从里面读取出来的。...还有一点,会造成内存泄露,这句话不完全对,何为内存泄露?例如上图的 msg 变量,是我想要访问的变量,它不叫内存泄露。内存泄露是指在中存在一些我不想要的资源,或者是无意间生成出来的。

    24710

    【Groovy】 Closure ( 调用 | 默认参数 it | 代码示例 )

    文章目录 一、调用 二、默认参数 it 三、代码示例 一、调用 ---- 执行 Closure 变量 的 call() 方法 , 可以调用该 ; // 定义变量...; 直接 在 Closure 变量之后 , 写一个括号 , 也可以调用 ; // 定义变量 def closure = { println...; 二、默认参数 it ---- Closure 默认可以 接收一个默认参数 , 该参数变量名称是 it , 如果 不传入参数 , 则该 it 就为 null , 如果 传入参数 , 该 it...变量就是该传入的参数值 ; 在 closure() 调用时 , 传入一个参数 , 会自动赋值给中的 it 变量 ; // 定义变量 def closure =...调用 // 调用 1 closure.call() // 调用 2 closure()

    68520

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券