我在详细图解作用域链与闭包一文中的结尾留下了一个关于setTimeout与循环闭包的思考题. 利用闭包,修改下面的代码,让循环输出的结果依次为1, 2, 3, 4, 5 for (var i=1; i<=5; i++) { setTimeout( function timer() { console.log(i); }, i*1000 ); } 值得高兴的是很多朋友在读了文章之后确实对闭包有了更加深刻的了解,并准确的给出了几种写法.一些朋友能够认真的阅读我的文章并且一个例子一个例子的上手练习,这…

@(技术笔记)[css] 学习参考网站 css 网站,可供参考 javascript学习网站 var create = function (i){ return function(){ console.log(i); }; }; for ( var i = 0; i < 5; i++ ) { console.log(i); setTimeout( create(i), i * 1000 ); } 上面代码运行解释: 这是一个倒计时代码片段! javascript的到计时代码并不是那么好写的哈.呵…

我们这次使用setTimeout来实现一个按照时间定时,依次打印数值的例子.其实在早期的时候,也是我经常犯的一个错误,或者实现这种能力,似乎js比较牵强,其实是我的错,哈哈!没能理解JS强大之处.我们直接进入主题吧! 注意,如果用setInterval来实现的话,那肯定很简单,这次我们是使用setTimeout. 我们先从最简单思考入手.那就会写出下面的代码. for(var i = 0; i < 5; i++){ setTimeout(console.log(i),i*1000); } 这段代…

1: function myTest(){ for(var i=0; i< 5; i++){ setTimeout(console.log(i), 0); } } myTest(); 或者比较正规的写法(code 加上引号): function myTest(){ for(var i=0; i< 5; i++){ setTimeout("console.log(" + i + ")", 0); } } myTest(); 控制台输出结果为 0,1,2,3…

先看下面一个比较坑的代码 for (var i=1; i<=5; i++) { setTimeout( function timer() { console.log(i); }, i*1000 ); } 首先一个for循环, 会执行五次, setTimeout被执行了五次 但里面的timer这时候并没有执行, 而是依次在1 2 3 4 5秒后执行 此时只建立了全局上下文: timer放在了事件队列里面执行: timer执行时, for循环已经完成 全局作用域中的i变量值变成了6, 此时创建tim…

掘金上看到一个setTimeout与循环闭包的思考题.拿过来看了下,一方面了解settimeout的运行机制,还有就是js闭包的特性.关于闭包,有如下解释: 在这里写一点我对闭包的理解.理解闭包的关键在于:外部函数调用之后其变量对象本应该被销毁,但闭包的存在使我们仍然可以访问外部函数的变量对象. function outer() { var a = 1; return function() { return a; }; } var b = outer(); console.log(b()); /…

在一个前端公众号,看到这么一个号称简单的面试题: 1.以下程序输出什么? <script type="text/javascript"> function init(){ for (var i = 0; i < 10; ++i) { setTimeout(function () { console.log(i); }, 0); } } window.onload=init; </script> 2.若需要输出0123456789,应该怎么修改? 结果,输出…

场景一:采用函数引用方式的setTimeout调用 闭包的一个通常的用法是为一个在某一函数执行前先执行的函数提供参数.例如,在web环境中,一个函数作为setTimeout函数调用的第一个参数,是一种很常见的应用. setTimeout将要执行的函数(或者一段javascript代码,但这不是我们要讨论的情况)作为它的第一个参数,下一个参数是需要延迟执 行的时间.如果一段代码想通过setTimeout来调用,那么它需要传递一个函数对象的引用来作为第一个参数.延迟的毫秒数作为第二个参数,但这个函数…

Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript是必备的前端技能. HTML是用来描述网页的结构,css是用来描述网页的延时,而JavaScript是用来描述网页的行为的. JavaScript是一种高端,动态,弱类型的编程语言.来源于Java,它的一等函数来源于Scheme,原型来源于Self. var x; // 声明变量为x x=0; //…

面试通知都是前一天来的,准备的时间很少,所以表现也不是特别满意,来看面经吧: 华为一面(IT应用工程师): 1.自我介绍:(华为面试都是1对1,面前的是个温柔的小哥,挺放松的) 2.你主要会的it技术:(前端,js和java) 3.js的基本数据类型: 4.H5的新标签说说看: 5.用什么方法处理ajax,举个例子(我就说了用jq的) 6.来看看你的项目吧,说一说项目结构: 7.把项目构成的框图画一下(一脸懵逼,就直接把目录结构写了一下,说了大概10min吧,很煎熬) 8.因为我把电脑带去了,然…

匿名自执行函数:没有方法名的函数闭包:闭包是指有权访问另一个函数作用域变量的函数: 通过一个实例来解释: 从网上找到了一个案例,使用了for循环.匿名自执行函数.setTimeout. 案例1: var value1 =0,value2=0,value3=0; for(var i =1;i<=2;i++){ var i2 = i; console.log('i2==>',i2); (function(){ var i3 = i; console.log('i3==>',i3); setT…

不是原创,只是 借鉴别人的成果,我在此纪念 1.htm function GetDateT() { var d,s; d = new Date(); s = d.getFullYear() + "-"; //取年份 s = s + (d.getMonth() + 1) + "-";//取月份 s += d.getDate() + " "; //取日期 s += d.getHours() + ":"; //取小时 s += d.…

聊聊同步.异步和回调 同步,异步,回调,我们傻傻分不清楚, 有一天,你找到公司刚来的程序员小T,跟他说:“我们要加个需求,你放下手里的事情优先支持,我会一直等你做完再离开”.小T微笑着答应了,眼角却滑过一丝不易觉察的杀意. 世界上的所有事情大致可以分为同步去做和异步去做两种.你打电话去订酒店,电话另一边的工作人员需要查下他们的管理系统才能告诉你有没有房间. 这时候你有两种选择:一种是不挂电话一直等待,直到工作人员查到为止(可能几分钟也可能几个小时,取决于他们的办事效率),这就是同步的. 另一种是…

聊聊同步.异步和回调 同步,异步,回调,我们傻傻分不清楚, 有一天,你找到公司刚来的程序员小T,跟他说:“我们要加个需求,你放下手里的事情优先支持,我会一直等你做完再离开”.小T微笑着答应了,眼角却滑过一丝不易觉察的杀意. 世界上的所有事情大致可以分为同步去做和异步去做两种.你打电话去订酒店,电话另一边的工作人员需要查下他们的管理系统才能告诉你有没有房间. 这时候你有两种选择:一种是不挂电话一直等待,直到工作人员查到为止(可能几分钟也可能几个小时,取决于他们的办事效率),这就是同步的. 另一种是…

根据HTML 5标准,setTimeout推迟执行的时间,最少是5毫秒.如果小于这个值,会被自动增加到5ms. 每一个setTimeout在执行时,会返回一个唯一ID,把该ID保存在一个变量中,并传入clearTimeout,可以清除定时器. 在setTimeout内部,this绑定采用默认绑定规则,也就是说,在非严格模式下,this会指向window:而在严格模式下,this指向undefined. setTimeout不止有2个参数,第一个参数是回调函数,第二个参数是时间,第三个参数以后都是…

setTimeout常常被用于延迟运行某个函数,使用方法为 setTimeout(function(){ - }, timeout); 有时为了进行异步处理,而使用setTimeout(function-,0):比方 function f(){ - // get ready setTimeout(function(){ -. // do something }, 0); return -; } 在setTimeout设定的函数处理器之前,函数f返回: 在使用异步处理时.尤其是使用闭包特性时.要特…

我在上一篇闭包的文章中留下了一个关于setTimeout与循环闭包的思考题. 利用闭包,修改下面的代码,让循环输出的结果依次为1, 2, 3, 4, 5 for (var i = 1; i <= 5; i++) { setTimeout(function timer() { console.log(i); }, i * 1000); } 下面是一些朋友看了闭包以后给出了的一些题,他们在看了上一篇文章以后也对闭包比较感兴趣 所以我也借助此文章对setTimeout进行一个相关的知识分享,希望大家阅…

经常会遇到这样的问题,setTimeout按序输出循环数字,而不是最后输出同一个数字: 题目: for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 1000); } 解决方案: for (var i = 0; i < 5; i++) { setTimeout(function (n) { return function () { console.log(n); }; }(i), 1000); } f…

for(var i=0;i<10;i++){ setTimeout(function(){ console.log(i)//10个10 },1000) } 遇到这种问题 如何用解决呢 for(var i=0;i<10;i++){ ((j)=>{ setTimeout(function(){ console.log(j)//1-10 },1000) })(i) } 原理是 声明了10个自执行函数,保存当时的值到内部…

控制台显示内容为? for (var i = 0; i < 5; i++) { console.log(i); } 控制台显示内容为? for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i); } 控制台显示内容为? for (var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i…

一.setTimeout那些事儿之单线程 一直以来,大家都在说Javascript是单线程,浏览器无论在什么时候,都且只有一个线程在运行JavaScript程序. 但是,不知道大家有疑问没——就是我们在编程过程中的setTimeout(类似的还有setInterval.Ajax),不是异步执行的吗?!! 例如: <!DOCTYPE html> <head> <title>setTimeout</title> <meta http-equiv="…

最近在读一本进阶的JavaScript的书<你不知道的JavaScript(上卷)>,里面分析了很多基础性的概念. 可以更全面深入的理解JavaScript深层面的知识点. 一.函数作用域 1)函数作用域 就是作用域在一个“Function”里,属于这个函数的全部变量都可以在整个函数的范围内使用及复用. function foo(a) { var b = 2; function bar() { // ... } var c = 3; } bar(); // 失败 console.log( a,…

在看此文章,希望先阅读关于函数基础内容 函数定义与函数作用域 的章节,因为这篇文章或多或少会涉及函数基础的内容,而基础内容,我放在函数定义函数作用域 章节. 本文直接赘述函数参数与闭包,若涉及相关知识,为了节省篇章,会以相关字眼带过. 最近在学习javascript的函数,函数是javascript的一等对象,想要学好javascript,就必须深刻理解函数.本人把学习的过程整理成文章,一是为了加深自己函数的理解,二是给读者提供学习的途径,避免走弯路.内容有些多,但都是笔者对于函数的总结. 1.…

在上次的分享中javascript--函数参数与闭包--详解,对闭包的解释不够深入.本人经过一段时间的学习,对闭包的概念又有了新的理解.于是便把学习的过程整理成文章,一是为了加深自己闭包的理解,二是给读者提供学习的途径,避免走弯路. 以下的分享会分为如下内容: 1.let命令 2.闭包特点的解读 3.循环中的闭包 1.let命令 在讲闭包前,有必要谈谈ES6中的新概念,let命令.因为在赘述循环中的闭包时会使用到let命令. 基本用法 ES6新增了let命令,用来声明变量.它的用法类似于var,…

闭包,写过JS脚本的人对这个词一定不陌生,都说闭包是JS中最奇幻的一个知识点,  虽然在工作中,项目里经常都会用到~  但是是不是你已经真正的对它足够的了解~~ 又或者是你代码中出现的闭包,并不是你刻意而为之的行为~ 又或者是因为能达到效果,也知道是闭包,但是原理却不知道?.... 一千个人就有一千个哈姆雷特~  每个人也许都有自己对闭包的理解, 我也不例外, 曾经N次百度过闭包,却没有真正的消化过这个知识点, 也曾工作中无数次运用过闭包, 却不知其所以然~~ 所以,我想把我理解的闭包,自己总结…

JavaScript中的匿名函数及函数的闭包   1.匿名函数 2.闭包 3.举例 4.注意 1.匿名函数 函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途.匿名函数:就是没有函数名的函数. 1.1 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式 第一种:这也是最常规的一种 function double(x){ return 2 * x; } 第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用. var d…

setTimeout的用法详见:http://www.w3school.com.cn/htmldom/met_win_settimeout.asp 是的,setTimeout的常见用法是让某个方法延迟执行.我们知道,setTimeout方法是挂在window对象下的.<JavaScript高级程序设计>第二版中,写到:“超时调用的代码都是在全局作用域中执行的,因此函数中this的值在非严格模式下指向window对象,在严格模式下是undefined”.在这里,我们只讨论非严格模式. setTi…

要理解闭包,首先要理解变量作用域,变量的作用域就两种,全局变量和局部变量,函数内部可以直接读取全局变量,函数外部无法读取函数内部的局部变量. 闭包定义:能读取函数内部局部变量的函数就是闭包,而只有函数内部的子函数才能读取局部变量,所以本质上,闭包就是将函数内部和函数外部链接起来的一栋桥梁. 闭包作用:一个是可以读取函数内部的局部变量,一个是让这些变量的值始终保存在内存中. 注意事项: 1)由于闭包会使函数中的变量保存在内存中,内存消耗很大,所以不能滥用.解决办法是在退出函数之前,将不使用的局部变…

1.匿名函数 函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途.匿名函数:就是没有函数名的函数. 1.1 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式 第一种:这也是最常规的一种 function double(x){ return 2 * x; } 第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用. var double = new Function('x', 'return 2 * x;'); 第三种…

闭包作用 1.让变量驻留在内存中 2.函数外部可以读取函数内部的私有变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>匿名函数+Closure</title> <script type="text/javascript"> window.onload = functio…