var,let,const

最新推荐文章于 2025-03-06 10:04:27 发布
最新推荐文章于 2025-03-06 10:04:27 发布
阅读量188 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/coderMozart/article/details/81866316
版权

首先需要理解作用域：全局作用域、函数作用域、块级作用域（block scope）

变量提升的概念

前提：在chrome浏览器环境下

全局作用域：

      

函数作用域：

        

块级作用域：

       通过let,const 在 {  }中声明变量，可形成块级作用域

       

     但是令人怪异的是

      

      在for循环的 { } 中可以获取到声明的 'block scope'  i 但是却获取不到  ( ) 中的 i，令人十分诧异

    

 

 

js的 var let const 的区别
suk_java的博客
07-29 551
js的 var let const 的区别
25 JavaScript学习：var let const
热门推荐
百锦再的博客
05-02 9万+
在JavaScript中，使用let关键字可以重新定义变量，而使用var关键字则不能。重新定义变量指的是在同一作用域内多次声明同一个变量名，后面的声明将覆盖前面的声明。下面分别以let和var使用let重新定义变量：let x = 10;// 输出 10let x = 20;// 可以重新定义x，不会报错// 输出 20在使用let声明变量时，可以在同一作用域内多次声明同一个变量名，后面的声明会覆盖前面的声明。使用var重新定义变量：var y = 30;// 输出 30。
var let const 的区别 ~ 含详细解析
leo的博客
11-12 1226
凝练的总结了var let const的区别，详细分析了三者的特点，提出了合理的使用建议
var let const 的区别和使用场景
zhang20040217的博客
04-25 900
是 JavaScript 中用于声明变量的关键字，但它们各自有着不同的作用域、重复声明、以及值可变的特性。声明大部分变量，因为它可以提高代码的可读性和可维护性。对于确实需要改变值的变量，可以考虑使用。是在 ES6（ECMAScript 6）中引入的，用于声明块级作用域的变量。是在 ES5（ECMAScript 5）中引入的，用于声明变量。总结：在现代的 JavaScript 开发中，推荐使用。也是在 ES6 中引入的，用于声明常量。由于其特性，现在使用的较少。
let、const和var的区别是什么？
最新发布
weixin_49114503的博客
03-06 1002
let、const和var的区别是什么？
var let const 的区别
weixin_54741536的博客
04-25 341
var和let以及const的区别 1、var声明的变量会挂载到window对象下，但let和const声明的变量不会 2、var声明的变量存在变量提升，let和const没有变量提升，变量提升就是js解释器的一种机制，就是js在调用某个函数的时候或在全局作用域下，会将该函数体内所有的变量遍历一遍，并把这些局部变量放在函数体顶端先声明但不赋值 3、let和const声明变量没有函数作用域的概念，而是遵守块级作用域的概念， 4、同一作用域下，let和const不能声明同一名字的变量，而var可以 5、let会
ES6语法之var let const
anwanfu的专栏
02-19 418
4）const 的声明的常量不能被修改，但对于引用类型来说，堆内存中的值是可以被改变的。1）var 命令会发生变量提升现象，即变量可以在声明之前使用，值为undefined。3）var 可以定义全局变量和局部变量，let 和 const 只能定义局部变量。2）let 和 const 的作用域是块作用域，块级作用域指 { } 内的范围。2）let 和 const 则没有变量声明提升的功能，必须要先声明才能使用。4）let 和 const不允许在相同作用域内，重复声明同一个变量。
Vue进阶（四十二）：var、let、const 三者区别_vue 中的var let const
2401_84617969的博客
05-16 917
我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】2011 年，版发布。之前我们大部分人用的也就是ES5。2015 年 6 月，正式通过，成为国际标准。
jQuery的var let const
思维小刀
06-03 2690
var 申明了一个要么是全局，要么是函数级的变量；这种是我们最常见也是最常用的 let 申明了一个块级域的局部变量，并且可以给它一个初始化值 const 创建一个只读常量，在不同浏览器上表现为不可修改；建议申明后不修改；拥有块级作用域 <!DOCTYPE html> <!DOCTYPE html> <html> <head> </he...
js_var let const 和变量提升
weixin_44915595的博客
11-24 543
1,var let const 和变量提升 ①var声明的范围是函数作用域（即包含var的函数的局部变量），let和const都是块作用域 ②var声明的变量会自动提升到包含它的函数顶部，但是初始化(即赋的值）不会提升，所以打印的话会显示undefined。let声明的变量不会在作用域中被提升。暂时性死区：在区块内，let声明此变量之前，该变量虽已存在但都不可用。③var可以重复声明，let不允许重复声明。 const与let行为基本相同，唯一重要区别是在声明同时必须初始化。 ......
JavaScript的声明变量 var let const的区别
08-06
主要是总结了声明变量的特点 熟悉掌握对后续的学习很有帮助，欢迎大家共同探讨共同学习。
Javascript实现多行字符串
coderMozart的博客
01-03 4016
fn.toString()可以帮助俺们实现多行字符串的效果！！！
判断Element是否隐藏
coderMozart的博客
02-17 2813
判断一个元素是否隐藏，可以先思考怎么隐藏一个元素呢？ display：none; visibility:hidden; 通过设置position:absolutely,top,left设置为负值 margin设置为负值最近在看Angular 0.10.0 版本的源码 注释也是相当的pretty。其中涉及到判断Element元素是否可视的方法isVisible源码是这样的function is
多维数组求最大值
coderMozart的博客
09-18 2633
1.利用Array.toString和Math.max.apply({},arr)    
Vue中的cached
coderMozart的博客
01-31 2025
源码： /** * Create a cached version of a pure function. */ function cached (fn) { var cache = Object.create(null); return (function cachedFn (str) { var hit = cache[str]; return hit || ...
让win10死机的JavaScript小代码
coderMozart的博客
07-14 1947
首先死机（俗称黑屏）的原因是内存满了 也就是在任务管理器中内存项接近100% （达到100%就黑屏了，所以看不到，最多99%） 完了再进行其他的操作后超过了最大内存 无法向显示器发出更新屏幕的指令，就突然变黑了！ 请在firefox下进行测试 chrome对window.open( )方法做了处理这里写代码片 不能无限打开新窗口（很不爽的一点，不过是出于安全的考虑吧）h
Vue中的makeMap
coderMozart的博客
01-31 1927
源码如下   /**    * Make a map and return a function for checking if a key    * is in that map.    */   function makeMap (     str,     expectsLowerCase   ) {     var map = Object.create(null);
vue的生命周期之beforeCreate
coderMozart的博客
04-04 1781
在执行之前利用浏览器环境下的 window.performance.mark() 进行了性能统计 源码中执行 beforeCreate 在 \src\core\instance 下的 init.js initLifecycle 初始化 initEvents initRender 挂载$createElement 方法 ...
Var let const
02-27
### JavaScript中`var`、`let`和`const`的区别 #### 定义与作用域差异 在JavaScript中，`var`是在ECMAScript的所有版本中都可用的关键字，用于声明变量。然而，它存在一些不直观的行为，比如函数级的作用域而不是块级作用域，这可能导致意外的结果[^4]。 相比之下，`let`和`const`是ES6引入的新特性，旨在解决这些问题并提供更好的编码习惯支持。这两个关键字具有块级作用域，意味着它们只在其定义所在的代码块内有效（例如if语句或for循环内部），从而减少了全局污染的风险，并提高了代码的安全性和可预测性[^3]。 #### 提升机制的不同处理 另一个显著区别在于变量的“提升”。当使用`var`声明时，无论实际位置如何，该声明都会被移动到当前执行上下文顶部，即所谓的“提前加载”，但这可能会引发难以调试的问题；相反，`let`和`const`不会发生这种自动提升现象，因此更加符合直觉，有助于防止潜在错误的发生[^1]。 #### 不变性的考量 关于不变性方面： - `const`用来创建常量，默认情况下不允许重新赋值给已初始化过的标识符； - 虽然可以用`const`来定义对象或数组这样的复杂数据结构，但是这些容器的内容是可以更改的——只是不能再指向新的内存地址而已； - 对于那些在整个生命周期里都不应该发生变化的数据项来说，首选应该是`const`，因为这样能表达出意图上的不可变性质，同时也便于其他开发人员理解这段程序逻辑[^2]。 ```javascript // 正确的做法：尽可能多地利用 const 来代替 let 或者 var const PI = 3.14; console.log(PI); // 输出: 3.14 // 尝试修改由 const 创建的对象属性仍然是允许的 const person = { name: 'Alice' }; person.age = 25; // 这样做没问题 console.log(person); // 输出: {name:"Alice", age:25} // 错误示范：尝试直接重置整个 const 变量会抛错 try { person = {}; // TypeError will be thrown here. } catch (e) { console.error(e); } ``` #### 推荐的最佳实践 为了确保编写的JavaScript应用程序既高效又易于维护，建议遵循以下指导原则： - **优先选用`const`**：除非必要，否则总是先考虑用`const`去声明新变量。这样做不仅能够减少不必要的变更操作带来的风险，而且还能让阅读代码的人更容易明白哪些地方不应该随意改动。 - **适当应用`let`**：如果确实需要在一个范围内多次更新某个值，则可以选择`let`作为替代方案。不过要注意控制好范围大小，避免过度泛滥地滥用动态变化的可能性。 - **谨慎对待`var`**：鉴于上述提到的各种局限性，最好尽量少用甚至不用`var`。特别是在大型项目或者团队协作环境中更是如此，以降低因历史遗留问题而导致的理解成本和技术债务累积概率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值