var,let,const

理解作用域与变量提升
最新推荐文章于 2025-06-14 06:45:00 发布
原创 最新推荐文章于 2025-06-14 06:45:00 发布 · 206 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在Chrome浏览器环境中作用域的概念，包括全局作用域、函数作用域和块级作用域，并解释了变量提升的现象。特别关注了使用`let`和`const`声明变量时形成的块级作用域特性。

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

变量提升的概念

前提：在chrome浏览器环境下

全局作用域：

      

函数作用域：

        

块级作用域：

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

       

     但是令人怪异的是

      

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

    

 

 

js的 var let const 的区别
suk_java的博客
07-29 664
js的 var let const 的区别
JavaScript的声明变量 var let const的区别
08-06
主要是总结了声明变量的特点 熟悉掌握对后续的学习很有帮助，欢迎大家共同探讨共同学习。
var let const 的区别 ~ 含详细解析
leo的博客
11-12 1282
凝练的总结了var let const的区别，详细分析了三者的特点，提出了合理的使用建议
var let const 的区别和使用场景
jht_520的博客
06-14 407
const 适用于不需要修改的变量，如配置项、常量值或引用类型（对象、数组）的变量声明。const 声明的变量是常量，一旦赋值后不允许修改。var 存在变量提升现象，即变量在声明之前可以被访问，但其值为 undefined。let 和 const 不允许在同一作用域内重复声明同名变量，否则会报错。var 允许在同一作用域内重复声明同名变量，后面的声明会覆盖前面的声明。let 适用于需要重新赋值的变量，如循环计数器或需要多次修改的变量。let 和 const 不存在变量提升，如果在声明之前访问会报错。
let、const和var的区别是什么？
weixin_49114503的博客
03-06 1236
let、const和var的区别是什么？
var let const 的区别
weixin_54741536的博客
04-25 355
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 469
4）const 的声明的常量不能被修改，但对于引用类型来说，堆内存中的值是可以被改变的。1）var 命令会发生变量提升现象，即变量可以在声明之前使用，值为undefined。3）var 可以定义全局变量和局部变量，let 和 const 只能定义局部变量。2）let 和 const 的作用域是块作用域，块级作用域指 { } 内的范围。2）let 和 const 则没有变量声明提升的功能，必须要先声明才能使用。4）let 和 const不允许在相同作用域内，重复声明同一个变量。
jQuery的var let const
思维小刀
06-03 2754
var 申明了一个要么是全局，要么是函数级的变量；这种是我们最常见也是最常用的 let 申明了一个块级域的局部变量，并且可以给它一个初始化值 const 创建一个只读常量，在不同浏览器上表现为不可修改；建议申明后不修改；拥有块级作用域 <!DOCTYPE html> <!DOCTYPE html> <html> <head> </he...
Vue进阶（四十二）：var、let、const 三者区别_vue 中的var let const
2401_84617969的博客
05-16 997
我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】2011 年，版发布。之前我们大部分人用的也就是ES5。2015 年 6 月，正式通过，成为国际标准。
js_var let const 和变量提升
weixin_44915595的博客
11-24 571
1,var let const 和变量提升 ①var声明的范围是函数作用域（即包含var的函数的局部变量），let和const都是块作用域 ②var声明的变量会自动提升到包含它的函数顶部，但是初始化(即赋的值）不会提升，所以打印的话会显示undefined。let声明的变量不会在作用域中被提升。暂时性死区：在区块内，let声明此变量之前，该变量虽已存在但都不可用。③var可以重复声明，let不允许重复声明。 const与let行为基本相同，唯一重要区别是在声明同时必须初始化。 ......
var let const 详解
YWW_ABC的博客
01-16 655
var let const 都是用来声明一个值的关键字；var 和 let是用来声明变量的， const 是用来声明常量的；var 拥有全局作用域 ，let 和 const 拥有局部作用域 。
详解微信小程序中var、let、const用法与区别
10-15
其中，var、let和const是ES6中用于声明变量的三个关键字，它们在微信小程序中同样得到了支持。现在我们来详细探讨它们的用法以及它们之间的主要区别。 首先，var关键字是ES6之前的旧标准中用于声明变量的，它没有...
Javascript实现多行字符串
coderMozart的博客
01-03 4048
fn.toString()可以帮助俺们实现多行字符串的效果！！！
判断Element是否隐藏
coderMozart的博客
02-17 2859
判断一个元素是否隐藏，可以先思考怎么隐藏一个元素呢？ display：none; visibility:hidden; 通过设置position:absolutely,top,left设置为负值 margin设置为负值最近在看Angular 0.10.0 版本的源码 注释也是相当的pretty。其中涉及到判断Element元素是否可视的方法isVisible源码是这样的function is
多维数组求最大值
coderMozart的博客
09-18 2664
1.利用Array.toString和Math.max.apply({},arr)    
Vue中的cached
coderMozart的博客
01-31 2057
源码： /** * 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 2035
首先死机（俗称黑屏）的原因是内存满了 也就是在任务管理器中内存项接近100% （达到100%就黑屏了，所以看不到，最多99%） 完了再进行其他的操作后超过了最大内存 无法向显示器发出更新屏幕的指令，就突然变黑了！ 请在firefox下进行测试 chrome对window.open( )方法做了处理这里写代码片 不能无限打开新窗口（很不爽的一点，不过是出于安全的考虑吧）h
Vue中的makeMap
coderMozart的博客
01-31 1954
源码如下   /**    * 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 1818
在执行之前利用浏览器环境下的 window.performance.mark() 进行了性能统计 源码中执行 beforeCreate 在 \src\core\instance 下的 init.js initLifecycle 初始化 initEvents initRender 挂载$createElement 方法 ...
var let const
最新发布
09-04
在 JavaScript 中，`var`、`let` 和 `const` 是用于声明变量的关键字，它们之间存在一些重要的区别，在不同场景下有不同的使用方式。 ### 区别 1. **作用域**： - `var` 声明的变量属于函数作用域。如果在函数外声明，它就是全局作用域；如果在函数内声明，只在该函数内部可访问。例如： ```javascript function example() { var x = 10; console.log(x); // 10 } example(); console.log(x); // 报错，x 未定义 ``` - `let` 和 `const` 声明的变量属于块级作用域。块级作用域由 `{ }` 包括，像 `if` 语句和 `for` 语句里面的 `{ }` 也属于块作用域。例如： ```javascript { let y = 20; const z = 30; console.log(y); // 20 console.log(z); // 30 } console.log(y); // 报错，y 未定义 console.log(z); // 报错，z 未定义 ``` 2. **变量提升**： - `var` 存在变量提升现象。即变量可以在声明之前使用，值为 `undefined`。例如： ```javascript console.log(a); // undefined var a = 5; ``` - `let` 和 `const` 没有变量提升现象。在声明之前访问会导致引用错误（ReferenceError），这一区域被称为“暂时性死区”。例如： ```javascript console.log(b); // 报错，ReferenceError let b = 10; ``` 3. **重复声明和修改**： - `var` 变量可以重复声明。例如： ```javascript var num = 1; var num = 2; console.log(num); // 2 ``` - 在同一个块级作用域，`let` 变量不能重新声明。例如： ```javascript let count = 1; let count = 2; // 报错，SyntaxError ``` - `const` 变量一旦定义，无法更改，无法重复赋值。它是常数变量，一般在引入一个模块或者定义一些全局常量时使用。例如： ```javascript const PI = 3.14; PI = 3.1415; // 报错，TypeError ``` ### 使用场景 - **`var`**：在需要兼容旧版 JavaScript 代码，或者需要变量提升特性时可以使用。不过在现代 JavaScript 开发中，由于其存在的一些问题（如变量提升可能导致意外结果），使用场景逐渐减少。 - **`let`**：当需要在块级作用域内声明变量，并且后续可能需要对变量进行重新赋值时使用。例如在 `for` 循环中： ```javascript for (let i = 0; i < 5; i++) { console.log(i); } ``` - **`const`**：当变量的值不需要改变，如定义常量、引入模块时使用。例如： ```javascript const MAX_USERS = 100; const myModule = require('./myModule'); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值