ES6 let声明之变量提升，块级作用域，计数器变量，函数声明

最新推荐文章于 2025-06-22 15:45:08 发布
最新推荐文章于 2025-06-22 15:45:08 发布
阅读量1.2k 收藏 5
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Javascript ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_32899575/article/details/81476786
本文探讨了ES6中let声明的特性，包括它如何避免变量提升，引入块级作用域，以及在计数器变量和函数声明中的应用。通过实例解释了变量提升的概念和暂时性死区（TDZ）原理，强调了在for循环中使用let代替var的优势，并提醒开发者注意块级作用域中函数声明的兼容性问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在ES5中，只存在全局作用域和函数作用域。而且var声明存在变量提升的问题。

 这个函数会输出什么？test? hello world? 不不不，是undefined。因为ES5中没有块级作用域，而且存在变量提升的问题。这个函数实际上的执行如下代码

这是由于变量提升导致的内层变量覆盖了外层的变量。 

 什么是变量提升？

变量可以在声明之前使用，值为undefined。这就是变量提升。

let声明不存在变量提升：let 声明的变量必须要在声明之后使用，否则就会报错。

let声明不存在变量提升的原理：暂时性死区

只要作用域中存在let声明，那么这个变量就会绑定这个区域。同时，这个区域会变成一个块级作用域。只要这个区域中存在let声明，那么let声明的变量就会被存放在暂时

最低0.47元/天 解锁文章

200万优质内容无限畅学
Javascript基础之-var，let和const深入解析（一）作用域、提升
LawssssCat的博客
02-04 624
文章目录# let和const## let## const## 真正的不可变# 变量的作用域## 全局变量和函数作用域变量## 提升## 编译变量## 提升 - 会出什么问题 # let和const es6 引入了两种方式来申明变量 我们仍然可以使用广为传诵的 var 变量（然而你不应该继续使用它了，继续阅读来了解其中原因） 因为，现在我们有了两种更牛的工具去使用： let 和 const 。 #...
什么是块级作用域？在ES6中是如何实现的？使用场景是什么？底层原理是什么？
长风破浪会有时的博客
01-20 440
块级作用域是 ES6 提供的一种更精细的作用域管理方式，它让我们能够更好地组织和保护我们的变量。通过使用let和const，我们可以创建只在特定代码块内有效的变量，这样不仅提高了代码的安全性和可维护性，还增强了程序的性能。
块级作用域中的变量提升？
mrhaoxiaojun的博客
01-19 526
由于 JavaScript 的变量提升存在着变量覆盖、变量污染等设计缺陷，所以 ES6 引入了块级作用域关键字来解决这些问题。 不聊存储栈和变量环境和**词法环境（**不清楚的百度） 只说不知道的let的变量提升 let myname= 'a' { console.log(myname) let myname= 'b' } 【最终打印结果】：VM458:4 Uncaught ReferenceError: Cannot access ‘myname’ before initialization
什么是防抖和节流？它们有什么区别？
最新发布
qq_74114417的博客
06-22 462
本文介绍了前端优化高频事件的两种核心技术：防抖(Debounce)和节流(Throttle)。防抖通过延迟执行将多次操作合并为最后一次，适用于搜索输入等场景；节流则限制事件在固定间隔内执行一次，适用于滚动监听等场景。文章详细对比了两者的特性差异，并提供了TypeScript实现代码和使用示例。掌握这两种技术可以有效提升页面性能，防抖注重结果执行，节流注重执行频率控制。
讲讲JavaScript 中的作用域、预解析与变量声明提升~
m0_58875280的博客
08-09 672
朋友萌，又又又又见面啦。我争取在12点前写出来，应该有人会看吧？不会吧不会吧？不会没人看我写博客吧？ 今天讲js中的作用域，预解析与变量声明提升，要好好学习嗷，面试要考嗷。
翻译 - JavaScript中的作用域与变量声明提升
hsany330的专栏
11-27 659
在前篇小议javascript之全局对象创建译文中提到过JavaScript Hoisting概念，当时不甚了解。google之后发现ben cherry解释的最为明了，于是有了本文这篇干货翻译稿。 翻译能力有限，辞不达意的地方请自动跳过或者直接阅读原文。 ——以下为翻译—— JavaScript Scoping and Hoisting（JavaScript中的作用
JavaScript 变量作用域和声明提升
P_127的博客
11-21 2718
本博文参考 文章 《javascript设计模式和开发实践》变量作用域相信大家能理解，但是，命名提升？What is this？虽然有javascript开发经验，但是有些概念还是需要不断复习，特别是不常见的。一、变量作用域 说到这个概念，不有自主的想到this,scope 这两个关键字。JavaScript的this总是指向一个明确的对象，这个对象是在执行的时候动态绑定的。通俗的说就是谁调
ES6 let与const详解：块级作用域与变量提升对比
总结来说，ES6中的`let`和`const`为JavaScript提供了一种更明确、更安全的变量管理方式，通过控制作用域和禁止修改常量来增强代码的组织和稳定性。理解并合理运用它们是提升现代JavaScript编程水平的重要一环。
ES6 let命令详解：块级作用域与变量提升差异
本文主要介绍了JavaScript ES6中...总结来说，ES6的`let`命令引入了一种更严格的变量作用域规则，有助于避免意外的变量污染和提高代码可读性。理解并正确使用`let`对于编写更健壮、可维护的JavaScript代码至关重要。
5. 在 JavaScript 中，以下哪个关键字用于声明块级作用域的变量？ A、int B、var C、let D、const
03-25
根据引用[2]，块级作用域在ES6之前等同于全局作用域，但ES6引入了let和const，使得变量可以在块（如{}包裹的代码块）中声明，从而限制其作用域。这点很重要，需要向用户说明块级作用域的定义和作用。 接下来，区分...
ES6学习－块状作用域
想做大牛的蜗牛
02-23 746
前言 为什么使用块状作用域 ES6 的块级作用域 块级作用域与函数声明 内容 为什么使用块状作用域 ES5只有全局作用域和函数作用域，有很多限制 第一种场景，内层变量可能会覆盖外层变量。var tmp = new Date();function f() { console.log(tmp); if (false) { var tmp = "hello world"; } }
let 变量声明提升
smile_qt的博客
06-20 198
这是一篇很好理解let变量声明提升的文章
JavaScript中的作用域与变量声明
lululul123的博客
03-17 745
JavaScript中的作用域与变量声明提升 相信大家也都发现了，在网上关于JS的变量和作用域的文章有很多，但真正能讲清楚，能深入理解的文章很少。在阅读了很多人的文章以后，我决定综合起来，结合实际代码，希望能够以一个比较清楚完整的方式让大家真正理解。有需要的朋友们下面来一起看看吧。 作用域（Scoping） 对于Javascript初学者来说，一个最迷惑的地方就是作用域；事实上，不光是初学者
JavaScript 中的作用域与变量声明提升
weixin_47450807的博客
02-09 728
一、简单阐述 变量提升其实就是我们在函数内部定义的变量，被提升到函数的首部，此时我们在变量任何地方都是可以访问到该变量的。 造成变量声明提升的原因：js引擎在执行代码前会先有一个代码解析的过程，在代码解析的过程中会创建一个对 象，该对象包含着一些在函数内部定义的变量，其值为undefined，还存在一些形参变量。该对象会放入该函数的 作用域链中的顶部。然后当执行代码时会给变脸进行赋值，以及执行函数的代码。当在执行过程中遇到的变量可以 沿着作用域链进行查找，直到找完全局作用域。 下面会对其具体的流程步骤进
JavaScript 中的作用域、预解析与变量声明提升
Angel_Tears_的博客
09-23 333
ES6之前 JavaScript 采用的是函数作用域 + 词法作用域 ES6 js采用的是块级作用域+词法作用域。局部作用域一般只在固定的代码片段内可以访问到,而对于函数外部都是无法访问的,最常见的例如函数内部,变量提升:定义变量的时候,变量的声明会被提升到作用域的最上面,变量的赋值不会提升。在ES6之前,只有函数可以划分变量的作用域,所以在函数外面无法访问函数内的变量。凡是代码块就可以划分变量的作用域,这种作用域的规则就叫块级作用域,块级作用域和函数作用域描述的是,什么东西可以划分变量的作用域。
let、const、var块级作用域、变量提升
高山景行，一尘不染
03-17 455
1、var声明及变量提升机制 无论在哪里声明，都会被当成在当前作用域顶部声明的变量，这就是我们常说的提升机制。 function getValue(params) { if (params) { var value = 'blue' //代码 return } else { ...
ES6新增块级作用域
Wollens Blogs
05-22 524
// 1、函数作用域覆盖了全局作用域，发生了变量提升，函数声明大于var声明的变量， // 因此在函数里面的a提到了前面，在打印a时初始化一个undefined给a,所以第一次打印是undefined var a = 1; function fn() { console.log(a); // undefined if (1<2){ var a = 100; ...
关于let变量提升的问题
weixin_46391646的博客
05-18 832
let声明的变量到底有没有变量提升？ 我们都知道var声明的变量，会存在变量提升，就是在变量声明之前，就可以被访问。 代码如下 (function(){ console.log(x) //undefind var x = "1111" }()) 这里的x打印出来的是undefind，就是因为变量提升，这个大家都知道没问题 我们在来看一段代码 var x = y = "global" (function(){ console.log(x) //global console.log(y) //glob
JS作用域与变量提升
前端小白
11-22 412
前端面试，js执行顺序，js作用域，变量提升，函数提升
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值