JavaScript --- 在for循环中使用var和let声明变量的区别_js的for循环使用let 还是var

相关文章推荐

热情的便当 · for循环定义多个变量_c#for循环多个变 ...· 2 周前 ·

温文尔雅的蟠桃 · 基于python ...· 4 月前 ·

淡定的炒饭 · matlab设置色标垂直 - CSDN文库· 5 月前 ·

贪玩的紫菜 · 如何使用 Pandas 删除 ...· 5 月前 ·

痴情的油条 · node是后端服务器上js的运行时(runt ...· 1 年前 ·

文雅的四季豆 · 推荐一个超好用的GPT网站，手机电脑都可以用 ...· 1 年前 ·

本文详细探讨了JavaScript中for循环中使用var和let声明变量的区别。当使用var时，变量i在整个作用域内是唯一的，导致循环结束后所有函数引用的i都是最后的值。而使用let时，每次循环都会创建一个新的块级作用域的i，使得每个函数引用的i独立，不会受到外部影响。这种差异展示了let如何避免变量提升和确保块级作用域的隔离性。摘要由CSDN通过智能技术生成

结果如下
在这里插入图片描述
随着 for() 循环的进行，变量 i 在不断自增，数组每一项打印语句中的 i 也随之改变。
循环结束之后，我们分别调用这个数组中的每一项

let arr = [];
for (var i = 0; i < 5; i++) {
	arr[i] = function () {
		console.log(i);
arr.forEach((total) => {
	total();
});
结果如下
 
 循环结束后，变量 i 的值为 5，arr 每项打印语句中的 i 都为 5 
这是因为
 用 var 声明时，变量 i 是唯一的，每一次 i 的改变都改变了自身的栈地址。
 所以循环结束后访问 i 时，都通过 i 最后一次存放的栈地址，获取到其指向的基本量。
 我们在循环结束后，在外部依然可以访问变量 i ： 
let arr = [];
for (var i = 0; i < 5; i++) {
	arr[i] = function () {
		console.log(i);
console.log(i); // 5
这是因为
 循环结束之后，var 声明的 变量 i 没有被销毁，我们依然可以通过访问 i 得到对应的值
 为了验证我们在外部访问到的 i 就是 for() 循环中的 i ，我们在外部改变 i 的值，然后通过数组访问它： 
let arr = [];
for (var i = 0; i < 5; i++) {
	arr[i] = function () {
		console.log(i);
i = 8;
arr.forEach((total) => {
	total(); // 8 8 8 8 8 
});
console.log(i); // 8
2. for() 循环中的 let
 
让我们用相同的方法看看 let 声明的 i 有什么不同
 我们依旧让每次循环都固定打印第一项的值 
let arr = [];
for (let i = 0; i < 5; i++) {
	arr[i] = function() {
		console.log(i);
	arr[0](); // 0 0 0 0 0
随着变量 i 自增，数组第一项打印语句中的 i 却始终为 0。是因为第一项的 i 存放的栈地址不再改变，固定指向常量 0。
 数组其他项中 i 也各不相同，但一个变量不可能同时存放多个地址。
 这就说明，数组每一项中 i 都是不同的，它们存放着不同的栈地址。每一次循环，都会有一个新的 i 来存放新的地址，每一个新的变量 i 都是基于上一个变量 i 。
 我们在循环结束后调用数组的每一项，并在外部访问变量 i 
let arr = [];
for (let i = 0; i < 5; i++) {
	arr[i] = function() {
		console.log(i);
arr.forEach((total) => {
	total(); // 0 1 2 3 4 
});
console.log(i); // error: i is not defined
for() 循环结束后，数组每一项依然能够打印出不同的值，并且不能在外部访问变量 i 的值。
 或者说，不能访问到对用户而言的 i，用户能使用的 i 变量已经被销毁了。
 数组每一项的调用却都依然可以正常打印。数组中这些不同的 i 应该被浏览器用特殊的方法保存起来了，并且拒绝我们直接访问。 
for循环中的let 和 var
 
for(var i=0;i<5;i++){
        setTimeout(function(){
            console.log(i);
        },0)
// 结果 5 5 5 5 5
for(let i=0;i<5;i++){
        setTimeout(function(){
            console.log(i);
        },0)
// 结果 0 1 2 3 4
网上搜到的解释：
 在 for 三个语句中，第一个语句:i=0,在循环代码块开始前执行，每次循环都会执行。
 由于 var 命令的变量提升机制，var 命令实际只会执行一次。
 而 let 命令不存在变量提升，所以每次循环都会执行一次，声明一个新变量（但初始化的值不一样）。
 for 的每次循环都是不同的块级作用域，let 声明的变量是块级作用域的，所以也不存在重复声明的问题。
 let生命变量的for循环里，每个匿名函数实际上引用的都是一个新的变量
				我的JavaScript学习之路二：JavaScript语言基础JavaScript语言基础一、JavaScript语法二、使用步骤1.引入库2.读入数据总结
JavaScript语言基础
一、JavaScript语法
ECMAScript 中一切都区分大小写。无论是变量、函数名还是操作符，都区分大
二、使用步骤
1.引入库
代码如下（示例）：
import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
impor
				for循环内部是一个块级作用域
原文链接：https://blog.csdn.net/yijun9588/article/details/89091723
JS中的for循环体比较特殊，每次执行都是一个全新的独立的块作用域
for (var i = 0; i < 3; i++) {  
  setTimeout(function() {  // 同步注册回调函数到 异步的 宏任务队列。
    console.log(i);        // 执行此代码时，同步代码for循环已经执行完成
				　　我知道，有些人（譬如之前的我）写js的for循环时，都不习惯加上var，这当然是语法允许的。譬如下面。　　
 for(i=0;i<10;i++){//就不写成: var i=0　　　alert(i); }
　　但是，这真的不是个好习惯，下面我就说说为什么写Js的for循环一定要加var，否则会时不时给你带来烦人难查的bug。
　　譬如现在我们要实现这样的功能：输出...
				let和const
首先先了解一下let和const把,
let和const是在es6中新引入了两种方式来申明变量的关键字，虽然我们仍然可以使用广为传诵的var变量（然而你不应该继续使用它了，继续阅读来了解其中原因），但是现在我们有了两种更牛的工具去使用：let和const。
首先 let
let和var非常的相似，在使用方面，我们可以使用完全相同的方式来声明变量
	let myLetName= "林江涛";
	var myVarName= "林江涛";
	console.log(myLetNam