var在for循环变量泄漏为全局变量怎么解决

这篇文章主要介绍“var在for循环变量泄漏为全局变量怎么解决”，在日常操作中，相信很多人在var在for循环变量泄漏为全局变量怎么解决问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”var在for循环变量泄漏为全局变量怎么解决”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

前言

var是ES5定义变量的一种声明方式，一直听说var声明变量，存在循环变量泄漏为全局变量问题，但总是想不明白这个“全局”有什么影响，还有，到底什么时候输出的结果是递增/减的值，什么时候输出一样的值，也不清楚。

问题复现

for (var i = 1; i <= 5; i++) {  setTimeout(function timer() {    console.log(i)  }, i * 1000)}

预期效果：12345

打印结果：66666

解决方式

闭包

for (var i = 1; i <= 5; i++) {    (function (j) {        setTimeout(function timer() {            console.log(j)        }, j * 1000)    })(i)}

setTimeout 第三参数

for (var i = 1; i <= 5; i++) {   setTimeout(       function timer(j) {           console.log(j)       },       i * 1000,       i   )}

使用 let 定义 i

for (let i = 1; i <= 5; i++) {    setTimeout(function timer() {        console.log(i)    }, i * 1000)}

let

关于let，记住：当前的i只在本轮循环有效，每一次循环的i其实都是一个新的变量。

JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

for (let i = 0; i < 3; i++) {let i = 'abc';console.log(i);}// abc// abc// abc

到此，关于“var在for循环变量泄漏为全局变量怎么解决”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！