JS中var和let的区别

最新推荐文章于 2025-07-15 08:30:27 发布
最新推荐文章于 2025-07-15 08:30:27 发布
阅读量1.2w 收藏 7
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript 变量作用域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35576100/article/details/78625081
本文探讨了ECMAScript6引入的新关键字let与const，通过示例对比了它们与传统var关键字在变量声明及作用域方面的差异。重点介绍了let所具备的块级作用域特性及其对代码编写方式的影响。

自ECMAScript 6出来,加入了两个新的关键字 const 和 let.
先上图:这里写图片描述
从前后代码对比,唯一的区别就是在循环创建i的方式不同,一个是var,一个是i,而var出的变量,在学习js初期也是踩了不少作用域问题的坑,在循环执行完成后,i的值任然存在,而且会在离开循环行再++一次,让打印出了10;再看下方用let创建的i在离开循环时,这个i已经是被销毁的变量,所以在这个地方与var创建的变量的区别应该显而易见;
在查询网上资料,得出的结论是,var出的变量是函数级作用域,作用范围是在函数开始阶段和函数执行完成之前内都是存在的;并且如果该函数内部还存在匿名函数等特殊函数,这个var出的变量在匿名函数中任然可以用;
let出的变量作用域是 块作用域,在离开某一代码块,该变量就会被销毁不存在.
再看下图:这里写图片描述
上方的嵌套内for循环重新定义的let i 并没有被重新赋值而受到影响,而是重新定义了一个新的变量,下方for循环也是再次验证了let的作用域是 块作用域的

JavaScript中var和let的区别
ByteJolt的博客
09-26 230
在上面的示例中，if语句块内部声明的varVariable和letVariable变量。然而，在块外部，通过var声明的varVariable仍然可以被访问，而通过let声明的letVariable则会引发引用错误。在上面的示例中，通过var声明的varVariable在其声明之前被访问时，它的值为undefined。综上所述，var和let在JavaScript中具有不同的作用域和变量提升行为升行为。在现代JavaScript编程中，推荐使用let来声明变量，以避免变量提升和潜在的作用域问题。
javascript中let和var的区别
snow_love_xia的博客
08-22 3492
今天使用laravel-admin中的JS来控制页面的操作 部分内容转载于简书：javascript中let和var的区别 一、背景 $script = <<<JS const iIndexs = "{$iIndexs}"; $('#indexs').on('input', _debounce(ajaxVerifyI...
js中let和var定义变量的区别
11-27
javascript 严格模式 第一次接触let关键字，有一个要非常非常要注意的概念就是”javascript 严格模式”，比如下述的代码运行就会报错： let hello = 'hello world.'; console.log(hello); 错误信息如下： let hello = 'hello world.'; ^^^ SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode ... 解决方法就是，在文件头添加”javascr
一文搞懂javascript中的var、let、const
最新发布
weixin_30621465的博客
07-15 55
varletandconst是JavaScript中三种定义变量的方式，它们之间有什么区别呢？这是前端面试中常见的一道题，今天我们来一文说透它。let和const区别不大，主要是const声明的是常量，不可修改，而let声明的变量是可修改的。所以我们重点放在var和let上。
JavaScript 中的 var 和 let ：关键区别与使用建议
ttod的博客
01-31 1193
JavaScript 中的 var 和 let ：关键区别与使用建议
JavaScript中let和var的区别
учёба
09-26 1919
1.作用域不同 var是函数作用域，let是块作用域。let常配合for循环使用 函数中声明了var，整个函数内都是有效的，比如for(var i=0;i<5;i++){}；在这里面var的i可以在这个for循环外面得到 函数中某个块声明了let，其作用域只能在这一个块里面，比如for(let i=0;i<5;i++){}，let只能在for循环的方法体里面({})获取，在for循环外面是无法获取的 2.let只能是先定义才能使用，否则的话会报Uncaught ReferenceErro
Javascript中var和let之间的区别
记录分享编程与冲浪知识
02-21 3499
JavaScript中var和let的区别
JavaScript中const、var和let区别浅析
10-21
在JavaScript中有三种声明变量的方式：var、let、const。但是有朋友不清楚这三种声明变量的区别，下面脚本之家小编给大家详细介绍下js中const、var和let的区别，感兴趣的朋友一起看看吧
【JS中var,let,const区别】
Emnational的博客
05-07 1103
： / ： 2. 变量提升 ： / ： 3. 重复声明 ： / ： 4. 修改值 ： 基本类型（如 、）不可修改。 引用类型（如 、）可修改属性，但不能重新赋值。 三、使用建议 优先使用 ： 适用于不会重新赋值的变量（如配置、常量）。 其次使用 ： 适用于需要重新赋值的变量（如循环计数器）。 避免使用 ： 除非在旧代码或特殊场景（如全局变量）。 四、经典问题示例 原因： 的 是全局共享的，而 的 是块级作用域，每次循环都是新的
js中的let和var之间的区别
doukaiwei的博客
08-16 1622
使用 let 可以避免一些常见的编程陷阱，并且提供了更清晰的作用域规则。var 是 JavaScript 最初版本的一部分，而 let 则是在 ES6 中引入的新特性。
在JavaScript中let与var的区别
疯狂屌丝程序员
07-21 735
使用let：适用于需要块级作用域和防止重复声明的场景，能够提升代码可读性和可维护性。使用var：由于其作用域和提升特性，在现代JavaScript开发中一般不推荐使用，除非需要兼容某些旧的代码或背景。在现代JavaScript开发中，通常建议优先使用let和const（用于声明常量），以增强代码的可读性和避免潜在的错误。
【JS】var和let区别详解
weixin_57208584的博客
04-09 1659
let 声明的变量的作用域既可以是全局或者整个函数块，也可以是 if、while、switch等用。1、执行上下文：执行上下文有三类：全局执行上下文、函数执行上下文、eval 函数执行上下文。上述过程就是我们所谓的“变量提升”，这也就能解释为什么变量可以在声明之前使用，因为。let声明的作用域下，虽然变量依然在创建执行上下文的时候就被创建，var 和 let 的作用域规则都是一样的，其声明的变量只在。- var 声明的变量的作用域只能是全局或者整个函数块的。var 在全局环境声明变量，会在。
javascript中var和let有什么区别
UUUUUnnn的博客
08-06 515
javascript中var和let有什么区别
JS中let和var区别
lqw的博客
04-22 1026
我的理解：let是ES6新增的，用来定义局部变量。let和var不同的是let声明的变量只在let命令所在的代码块内有效。 在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围。 用let声明的变量，不存在变量提升。而且要求必须 等let声明语句执行完之后，变量才能使用，不然会报错。 let不允许在相同作用域内，重复...
js中var与let的区别
m0_48844699的博客
09-28 846
var与let在js中都是用来定义变量的，变量就相当于一个容器，我们可以通过变量名，对里面的值进行修改。let与var虽然都是用来定义变量的，但是他们会有所不同。
Javascript中的let和var的详细区别
qq_45705626的博客
02-19 1665
在ES6中JS引入了let，在ES5之前都是使用var进行变量声明。let主要用于声明局部变量。它的用法类似于var，但是ES6也引入了块级作用域的概念，使得let命令所声明的变量只在let命令所在的代码块有效，而且有暂时性死区的约束。那么问题来了。什么是暂时性死区？什么是作用域？
JS中let和var的区别
weixin_34273479的博客
12-27 760
1. 定义变量 声明语法 var upperA = 'A'; let upperB = 'B'; const upperC = 'C'; 只声明不初始化的结果，【const定义的常量不可以修改，而且必须初始化。】 // var 声明变量 var upperA; console.log('打印大写的A：%s', upperA); /...
js中var和let区别
01-19
### JavaScript 中 `var` 和 `let` 的区别 在 JavaScript 中，`var` 和 `let` 是用于声明变量的关键字，但两者之间存在显著差异。 #### 变量作用域 当使用 `var` 声明变量时，该变量具有函数级作用域或全局作用域。这意味着如果在一个函数内部定义了一个 `var` 变量，则它在整个函数范围内都可访问；而在全局上下文中定义的话则成为全局对象的一部分[^1]。 相比之下，`let` 提供了更严格的块级作用域特性。只要是在大括号 `{}` 内部通过 `let` 定义的任何东西都会被限制在这个特定代码块内有效，并且不会泄漏到外部环境中去[^3]。 ```javascript function example() { var functionScopedVar = "I'm scoped to the entire function!"; if (true) { let blockScopedLet = "I only live inside this block."; console.log(blockScopedLet); // 输出："I only live inside this block." } console.log(functionScopedVar); // 正常输出 //console.log(blockScopedLet); // ReferenceError: blockScopedLet is not defined } example(); ``` #### 可重复声明性 另一个重要方面在于能否在同一作用域下多次声明相同名称的变量： 对于 `var` 来说，在同一个作用域里可以重新声明同名变量而不会报错，这可能会导致意外覆盖已存在的值并引发难以调试的问题[^2]。 然而，利用 `let` 则不允许这样做——尝试再次声明已经存在于当前作用域中的名字将会抛出错误，从而减少了潜在的风险和混乱情况的发生。 ```javascript // 使用 var 关键字 var x = 1; var x = 2; // 这里的第二次赋值会简单替换第一次的值 console.log(x); // 结果为：2 // 使用 let 关键词 let y = 1; // let y = 2; // SyntaxError: Identifier 'y' has already been declared ``` #### 初始化前读取行为（暂时死区） 还有一个值得注意的地方就是所谓的“暂时死区”。由于 TDZ（Temporal Dead Zone），即时间上的死亡区域概念的存在，在 ES6 引入的新语法形式如 `let` 下面创建出来的绑定直到执行流到达它们各自的声明语句之前都是不可访问的状态。而对于旧版本遗留下来的 `var` ，即使还没有正式初始化也能够提前引用其未赋初值的形式[^4]。 ```javascript console.log(a); // undefined （因为 var 预解析的原因） try { console.log(b); } catch(e){ console.error('ReferenceError caught'); } var a = 10; let b = 20; // 上述例子中，尽管两个变量都在同一位置进行了实际分配操作， // 不过只有 var 类型允许我们在声明之前就对其进行访问。 ``` 综上所述，虽然 `var` 和 `let` 都是用来声明变量的方式之一，但在现代编程实践中推荐优先考虑使用后者来获得更好的控制力以及减少不必要的副作用风险。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值