没有块级作用域var、有块级作用域let、不可变常量const使用注意事项

最新推荐文章于 2024-07-23 12:35:43 发布
最新推荐文章于 2024-07-23 12:35:43 发布
阅读量111 收藏
点赞数 2
分类专栏： 程序员 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84093443/article/details/137423876
版权
本文主要讨论了ES5之前的var在块级作用域上的局限性，强调了它在if和for之外无法创建独立作用域的问题，并介绍了ES6引入的let作为具有块级作用域的新特性。文中通过实例展示了var在块级外修改变量可能导致的意外后果，以及let如何避免这些问题。
摘要由CSDN通过智能技术生成

1.1、块级作用域var

1.1.1、变量var的作用域

  • ES5之前因为if和for都没有块级作用域概念，所以在很多时候，我们都必须借助于function作用域来解决外面变量的问题
Title

在这里插入图片描述

1.1.2、var没有块级作用域引发的问题,在大括号外部任然可以修改name变量

Title

按钮1

按钮2

按钮3

按钮4

按钮5

在这里插入图片描述

1.1.3、var没有块级作用域引发的问题

Title

按钮1

按钮2

按钮3

按钮4

按钮5

在这里插入图片描述

1.2、块级作用域let

  • ES6中引入了let、let它是有if和for的块级作用域
Title

按钮1

按钮2

按钮3

按钮4

按钮5

2401_84093443
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中的块级作用域（var/let/const）
qq_34754747的博客
02-27 922
当前使用块级绑定的最佳实践是：默认使用const，只在确实需要改变变量时使用let。这样就可以在某种程度上实现代码的不可变，从而防止某些错误的产生。
关于let和var的块作用域问题
hcute的博客
01-12 215
JS中没有块级作用域，只有全局作用域和函数作用域； let定义的变量让其产生了块级作用域。 Var没有块级作用域 Let有块级作用域 直接报错，因为离开了块级，变量不存在 Var有变量声明提升 函数声明和变量声明会被解释器“提升”到方法体的最顶部 注意：只有声明会被“提升”，赋值不会被提升 下面这样会直接报错 当函数体中有定义变量时，则不会报错，会undefined Let无变量声明提升 下面代码会直接报错，所以声明let变量时要放在函数头部 函数声明提升 通过函数声明表达式，这样就不会造成覆
ES6语法_块级作用域（var、let、const区别）
骑大马挎大刀
05-08 503
let 修饰变量 const 常量
作用域链、块级块作用域、var / let / const
Lyrelion的博客
11-14 547
作用域链、块级块作用域、var / let / const
JavaScript 作用域 与 var、let、const关键字
m0_65029152的博客
07-09 1042
本文主要记录JavaScript中的作用域，以及var、let、const关键字的特点和使用场景；
JS块级作用域（var、let、const）
u_ndefine_d的博客
12-22 3171
很多语言中都有块级作用域，但JS没有，它使用var声明变量，以function来划分作用域，大括号“{}” 却限定不了var的作用域。用var声明的变量具有变量提升（declaration hoisting）的效果。ES6里增加了一个let，可以在{}， if， for里声明。用法同var，但作用域限定在块级，let声明的变量不存在变量提升。 一、块级作用域if function getVal(boo) { if (boo) { var val = 'blue' return val
前端开发之JavaScript的var,let,const和块级作用域
imbzz的博客
07-27 334
var,let,const和块级作用域
JavaScriptES6--let、const、块级作用域
c__dreamer的博客
04-05 303
        在JavaScript语言史中，ES6.0阶段也是JavaScript进阶的一个大阶段，产生了很多新的知识和新的语法规定。        let        在ES6中出现了let命令，其语法类似于var，用于声明变量，但是所声明的变量只能在let声明的代码块内有效。        上面这句话是什么意思呢，我们来说一下。        在ES6中引入了块级作用域的特点，我们知道每...
ES6中块级作用域的横空出世(let、var、const)
小小前端攻城狮的博客
03-21 882
let 关键字 let 关键字用来声明变量，使用 let 声明的变量有几个特点： 不允许重复声明； 块儿级作用域（局部变量）； 不存在变量提升； 不影响作用域链； let创建变量代码示例： // let关键字使用示例： let a; // 单个声明 let b,c,d; // 批量声明 let e = 100 ; // 单个声明并赋值 let f = 521 , g = 'iloveyou', h = []; // 批量声明并赋值 不允许重复声明： let dog = "狗"; let dog = "
深入理解ES6学习笔记之块级作用域绑定
08-29
总结，ES6的块级作用域绑定通过let和const关键字改变了JavaScript的变量管理方式，消除了var带来的潜在问题，提供了更精确的变量作用域，增强了代码的可读性和维护性。对于开发人员来说，理解并熟练运用这些新特性是...
深入理解es6块级作用域的使用
10-17
深入理解ES6的块级作用域对于理解和编写更健壮的JavaScript代码至关重要。在JavaScript ES5及之前版本中，变量的声明（通过`...在实际开发中，应当尽可能使用`let`和`const`来替代`var`，以利用块级作用域带来的好处。
09-块级作用域：var缺陷以及为什么要引入let和const？_For_vip_user_0011
08-04
`let`允许在块级作用域内声明变量，而`const`用于声明常量，它们都不会被提升。这意味着在块级作用域（如`if`、`for`循环、函数等）内声明的`let`和`const`变量只在其所在的块中可见，且在块外无法访问。此外，同一...
js代码-es5块级作用域实现
07-15
`let`用于声明块级作用域的变量，而`const`则用于声明常量。它们不会被提升到作用域顶部，并且在同一个作用域内不能重复声明。然而，在ES5中，我们只能依赖IIFE和闭包来达到类似的效果。 总结来说，虽然ES5不直接...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 326
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
计算机毕业设计Django+Vue.js知识图谱音乐推荐系统 音乐爬虫可视化 音乐数据分析 大数据毕设 大数据毕业设计 机器学习 深度学习 人工智能
从业计算机毕业设计10年，打算用一年时间分享10年毕设经验！
07-23 190
计算机毕业设计Django+Vue.js知识图谱音乐推荐系统 音乐爬虫可视化 音乐数据分析 大数据毕设 大数据毕业设计 机器学习 深度学习 人工智能
HarmonyOS应用开发者高级认证，Next版本发布后最新题库 - 多选题序号4
Gusha_的博客
07-23 569
HarmonyOS应用开发者高级认证最新题库，编写于2024年7月19日，Next版本发布之后
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 68
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
软件著作权申请教程（超详细）（2024新版）软著申请
最新发布
m0_75269526的博客
07-23 578
软件著作权申请教程（超详细）（2024新版），软著申请，软件著作权怎么申请，手把手教你申请软件著作权，不花冤枉钱，软著申请代理，软件著作权申请着手开始准备材料了。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。这一页的内容比较多，可以参考我下面的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值