JavaScript变量or循环中的var和let怎么使用
导读:本文共3000字符,通常情况下阅读需要10分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:!!重复声明了一个同名的var变量vari=5;console.log("Myvalue:"+i);}/只会输出一次:>Myvalue:5/var可以重复声明且值会覆盖,因此在循环体内再声明一个var i = 5,循环变量被作没了,会直接跳出for循环。varfuncs=[];for(vari=0;i<3;i++){//用let声明了一个和循环变量... ...
目录
(为您整理了一些要点),点击可以直达。var可以重复声明且值会覆盖,因此在循环体内再声明一个var i = 5
,循环变量被作没了,会直接跳出for循环。
初始化var变量在函数作用域,循环体内的let变量在块作用域,循环体内优先访问块作用域里的let变量,因此循环体内的i值会被覆盖。
又由于var变量实际上处于let变量的外层作用域,因此let变量没有重复声明,不会报错;var变量也会如期完成自己作为循环变量的使命。
再看第二个结论,同样是先看规范:
很明显可以发现,使用let来初始化会比使用var多了一个叫perIterationLets
的东西。
perIterationLets
是什么?
从规范上可以看到,perIterationLets
来源于LexicalDeclaration(词法声明)
里的boundNames
。
而这个LexicalDeclaration(词法声明)
,其实就是我们用来初始化的let声明。
可以理解为,如果我们用let声明来初始化for循环,for循环内部不会像直接使用var变量一样来直接使用let变量,而是会先把let变量收集起来,以某种形式转换为perIterationLets
,再传递给循环体。
perIterationLets
是被用来做什么的?
从规范上可以看到,我们的let变量以perIterationLets
的身份,作为参数被传进了ForBodyEvaluation
,也就是循环体里。
在循环体里,perIterationLets
只做了一件事情,那就是作为CreatePerIterationEnvironment
的参数:
从字面上理解,CreatePerIterationEnvironment
意思就是每次循环都要创建的环境。
要注意,这个环境不是{...}
里的那些执行语句所处的环境。 {...}
里的执行语句是statement
,在规范里可以看到,stmt
有自己的事情要做。
这个环境是属于圆括号的作用域,也就是我们定义的let初始化变量所在的作用域。
再看看每次循环都要创建的环境被用来干嘛了:
逐步分析一下方法:CreatePerIterationEnvironment
这个
首先,把当前执行上下文的词法环境保存下来,作为lastIterationEnv(上一次循环时的环境)
;
创建一个和lastIterationEnv
同级的新作用域,作为thisIterationEnv(本次循环的环境)
;
遍历我们定义的let初始化变量,也就是perIterationLets
,在thisIterationEnv(本次循环的环境)
里创建一个同名的可变绑定,找到它们在lastIterationEnv(上一次循环时的环境)
里的终值,作为这个同名绑定的初始值;
最后,将thisIterationEnv(本次循环的环境)
交还给执行上下文。
简而言之就是,for循环会在迭代之前创建一个和初始化变量同名的变量,并使用之前迭代的终值将这个变量初始化以后,再交还给执行上下文。
用伪代码理解一下这个过程就是:
到这里又有一个问题,既然把圆括号内的变量向循环体里传递了,那如果在循环体里又重复声明了一个同名变量,算不算重复声明,会不会报错?
答案是不会。
因为CreatePerIterationEnvironment
在执行时,在新环境里创建的是一个可变的绑定,因此如果在循环体内重复声明一个名字为i
的变量,只是会影响循环体内执行语句对i
值的访问。
在for循环中使用var声明来初始化的话,循环变量会暴露在和for循环同一作用域下,导致循环结束后还能访问到循环变量,且访问到的变量值是经过循环迭代后的值。
解决这个问题的方法如下:
使用闭包将循环变量的值作为局部变量保存起来;
使用ES6的let声明,将循环变量的作用域限制在for循环内部,初始化变量始终是for循环的局部变量,不能在外界被访问到。
for循环是怎么处理用let和var声明的初始化变量的?
用var初始化时,for循环会直接使用创建的var初始化变量;
用let初始化时,圆括号会自成一个作用域,for循环会将圆括号内的变量值往循环体内传递。
JavaScript变量or循环中的var和let怎么使用的详细内容,希望对您有所帮助,信息来源于网络。