Javascript学习笔记——for循环中的变量作用域

2022-02-05 23:01:35 阅读：173 来源： 互联网

标签：变量作用域 Javascript 笔记 let var 全局变量声明

转自：
https://www.runoob.com/js/js-scope.html
https://blog.csdn.net/wangguoyu1996/article/details/82788156

JS的变量作用域

Javascript中作用域分为全局作用域和局部作用域。

全局变量：

1.在函数外部使用 var 关键字声明的变量，为全局变量（显式声明）
2.在函数内部没有使用 var 声明的变量，也为全局变量（隐式声明）
（没有声明就使用的变量，默认为全局变量，不论这个变量在哪被使用）
3.使用 window 全局对象来声明的变量，也为全局变量 window.a = 1;(显式声明)

局部变量：

1.在函数内部使用 var 关键字声明的变量，为局部变量（显式声明）
2.函数的参数列表中的形参，为局部变量（隐式声明）

全局变量与局部变量的关系：

在函数内部可以访问全局变量，在函数外部不可以访问局部变量（因为局部变量会在函数开始执行时创建，在函数执行完后自动销毁）。

常见误区——for循环中的变量作用域

var a=[];  
for(var i = 0;i<10;i++){  
	var q = i;  
	a[i]=function(){console.log(q)};
}  
a[0]();	// 输出9

由于for循环并不是一个函数体，所以for循环中定义的变量 q 和 i 是作用域for循环所在的函数体，和 a 同级，i++ 和 q=i 并不是重新定义变量，只是重复赋值，最终循环结束，i = 10，q=9。由于function(){console.log(q)} 并不是立即执行，所以这里的 q 一直是存储的内存引用，最终所有的 a[i]() 都是输出9。

解决方法

有两种方法可以将for循环变成块级作用域：

使用闭包
使用ES6中的 let 定义变量

在ES6中新增了 let 命令声明变量，用法和 var 类似，不过 let 所声明的变量只在 let 命令所在的代码块（块级作用域）或下级代码块（上级作用域向下兼容）中有效果，因此，for循环的计数器中就很适合let命令：

var a=[];  
for(let i = 0;i<10;i++){  
	let q = i;  
	a[i]=function(){console.log(q)}  
}  
a[6]();	// 输出6,let声明的变量仅在块级作用域有效，所以这里的i只在本轮循环有效果，每次循环的i其实都是一个新的变量

标签：变量,作用域,Javascript,笔记,let,var,全局变量,声明
来源： https://blog.csdn.net/qq_16121469/article/details/122793947

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Javascript学习笔记——for循环中的变量作用域

JS的变量作用域

常见误区——for循环中的变量作用域

解决方法