Javascript学习笔记——for循环中的变量作用域
2022/2/6 1:14:13
本文主要是介绍Javascript学习笔记——for循环中的变量作用域,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
转自:
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.函数的参数列表中的形参,为局部变量(隐式声明)
全局变量与局部变量的关系:
在函数内部可以访问全局变量,在函数外部不可以访问局部变量(因为局部变量会在函数开始执行时创建,在函数执行完后自动销毁)。
更多示例请看:https://blog.csdn.net/weixin_42566993/article/details/95625914
常见误区——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学习笔记——for循环中的变量作用域的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-04-26敏捷开发:想要快速交付就必须舍弃产品质量?
- 2024-04-26静态代码分析的这些好处,我竟然都不知道?
- 2024-04-26你在测试金字塔的哪一层?(下)
- 2024-04-26快刀斩乱麻,DevOps让代码评审也自动起来
- 2024-04-262024年最好用的10款ER图神器!
- 2024-04-2203-为啥大模型LLM还没能完全替代你?
- 2024-04-2101-大语言模型发展
- 2024-04-17基于SpringWeb MultipartFile文件上传、下载功能
- 2024-04-14个人开发者,Spring Boot 项目如何部署
- 2024-04-14RAG应用开发实战02-相似性检索的关键 - Embedding