var和let有何不同，带你深入了解作用域

最新推荐文章于 2022-07-29 00:04:05 发布
最新推荐文章于 2022-07-29 00:04:05 发布
阅读量100 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45966674/article/details/118058514
版权

在ES6推出之前大家常说JavaScript没有块级作用域
但自从ES6推出了let 这个说法显然已经成为历史
没有接触过后端开发的大部分都不明白声明叫块级作用域
简单说就是花括号 {}
var不会受到 {} 的限制 但let是会的 所以现在前端也有了块级作用域这种概念
可能这样说大家还是没太理解 那么我们用代码说话

if(true){
	var a = 1;
	let b = 1;
}
console.log(a);
console.log(b);

执行这段代码你会发现 a可以正常打印 而b会报错 因为a的声明用了var，他不受块级作用域的影响
而let却因为花括号的阻拦，导致在外面拿不到定义的b变量
但在开发过程中尽量选择作用域小点变量
但如果你需要考虑ie兼容当然还是用var 因为let 和 const 属于ES6语法 无法兼容IE低版本

瑞晟技术服务中心-耿瑞
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ES6深入理解之“let”能替代”var“吗?
01-21
前言 我已经使用ES2015(ES6)的语法编写JavaScript程序很久了，并且喜欢上它提供的新特性带来的优雅和简洁。我最习惯的就是不再使用var,而是let/const。我想当然的以为let仅仅是var的替代者，而事实上let还为我们提供了更加精细的作用域。 我大多数时候使用的变量都是用const来声明，因为如果尝试对使用const声明的变量进行修改，将会报错。这可以避免不小心将一个不该修改的常量值修改。但是，我们还是需要可以声明可以被修改的变量，比如在循环里面的计数器，我们需要不断地对改变了加1。可是为什么我们使用let而不是var呢？ 最简单的答案就是let提供块作用域(block-
浅析var和let的区别：作用域和闭包
qq_45780380的博客
03-10 523
浅析var和let的区别：作用域和闭包 假如我们要写几个按钮，给每个按钮加上点击事件，输出每个按钮的序号，我们可能会这么写。 <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script&gt
var Vs let 作用域
不知道写的什么
07-31 89
代码： for (var i=1; i<=5; i++) { setTimeout( function () { console.log( i ); }, i*1000 ); } 结果： 6，6，6，6，6 代码： for (let i=1; i<=5; i++) { setTimeout( function () { console.log( i ); }, i*1000 ); } 结果： 1,2,3,4,5 let 声明的
JavaScript ES6 的 let 和 var 的比较
dhm1991的博客
11-22 139
在JavaScript 1.7中， let 关键词被添加进来， 我听说它声明之后类似于”本地变量“， 但是我仍然不确定它和 关键词 var 的具体区别。 回答： 不同点在于作用域， var关键词的作用域是最近的函数作用域（如果在函数体的外部就是全局作用域）， let 关键词的作用域是最接近的块作用域（如果在任何块意外就是全局作用域），这将会比函数作用域更小。 ...
js新特性辨别：let和var的区别及作用域
flying meng的菜鸟居
06-01 530
自ECMAScript 6出来,加入了两个新的关键字 const 和 let… 从前后代码对比,唯一的区别就是在循环创建i的方式不同,一个是var,一个是i,而var出的变量,在学习js初期也是踩了不少作用域问题的坑,在循环执行完成后,i的值任然存在,而且会在离开循环行再++一次,让打印出了10;再看下方用let创建的i在离开循环时,这个i已经是被销毁的变量,所以在这个地方与var创建的变量的区...
JS中的var和let的区别
01-07
let和var之间一共有4处区别： 01-作用域只局限于当前代码块 02-使用let生命的变量作用域不会被提升 03-在相同作用域下不能声明相同的变量 04-for循环体现let的父子作用域 我们会做几个例子来验证这这四处不同： 在这...
深入了解JavaScript词法作用域
10-15
不同于其他一些语言的块级作用域，JavaScript直到ES6引入let和const关键字才支持真正的块级作用域。 首先，我们要理解作用域的两个关键概念：LHS（左侧）查询和RHS（右侧）查询。LHS查询寻找变量的存储位置，而RHS...
ES6使用let命令更简单的实现块级作用域实例分析
11-26
本文实例讲述了ES6使用let命令更简单的实现块级作用域。分享给大家供大家参考，具体如下： let 带来了更简单的块级作用域 1. ES6新增了let命令，用于声明变量。其与var的不同在于，用let声明的变量只在 { } 内有效。...
ECMAScript6块级作用域及新变量声明（let）
12-11
很多语言中都有块级作用域，但JS没有，它使用var声明变量，以function来划分作用域，大括号“{}” 却限定不了var的作用域。用var声明的变量具有变量提升（declaration hoisting）的效果。 ES6里增加了一个let，可以...
ES6中 let 和 var 区别（作用域）
weixin_41451859的博客
04-07 126
var — 定义变量具有函数级作用于【子域可访问父域，而父域不能访问子域】 let — 定义的变量巨油块级作用域【外界无法访问】 典型实例： for(var i = 0; i < 5; i++) { setTimeout(function() { console.log(i) // 输出值：5 }, 1000) } for(let i = 0; i < 5; i++) { setTimeout(function() { console.log(i) /.
JS中var和let的作用域区别
咱们裸熊
04-19 269
JS中var和let的作用域区别
let、var声明变量的区别以及预解析、作用域的详解
qq_54455551的博客
04-17 5965
let、var声明变量的区别以及预解析、作用域的详解
var、let与const
qq_44675204的博客
11-27 399
1、var声明 作用域为函数上下文或全局上下文 var s = "play"; 由于var具有“提升”现象，即var声明会被拿到函数或全局作用域的顶部，故上述代码等价于 var s; s = "play"; 在非严格模式下，在变量声明前使用不会报错（Reference Error），会得到undefined console.log(s); //undefined var s = "play"; 2、let声明 作用域由最近的一对{}所限定。 if(true){ let s = "play";
Js中:var.let.const的区别以及用法
weixin_70424030的博客
07-29 373
学习定义变量之间的区别以及用法
var与let的区别【一看就懂的知识】
forever__fish的博客
05-22 4744
今天偶尔翻看了一本书《JavaScript编程精解》，在函数这一章节中难免会看到“作用域”这个字眼，之前对于作用域的概念本就不是很敏感，也就匆匆略过了，反过来看时，才明白这是一个比较重要的点。下面借作用域这一概念深入了解一下本文的重点——var与let的区别。 通常我们变量分为全局变量和局部变量，为了避免变量名的覆盖和滥用，我们尽量使用局部变量，当使用时创建，不使用时释放。如何正确去声明变量，也成了一个比较重要的话题，var与let关键字都是用来声明变量的，那么如何去选择呢？ 1.var是函数作用域，l
比较var和let的区别，理解函数作用域与块级作用域
u012545017的专栏
04-28 2095
var与 let的区别： var：函数作用域；存在变量提升；可重复定义；声明的变量会作为window的属性。 let：块级作用域；不存在变量提升（有暂时性死区）；不可重复定义；声明的变量不会作为window的属性。 块级作用域：即在{}花括号内的域，由{ }包括，比如if{}块、for(){}块。 函数作用域：变量在声明它们的函数体以及这个函数体嵌套的任意函数体都是有定义的。 暂时...
JS作用域之let和var
sinat_28839863的博客
03-05 3489
由于之前C和JAVA相关语言的学习，对于JS的作用域比较接收，但中间有一个注意点： JS中没有块级作用域，只有全局作用域和函数作用域；对于没有块级作用域，比如： 这里的i就是for中定义的i，如果在函数外，那么就是全局变量了，页面关闭才会销毁。 对于全局作用域和函数作用域：只用记住子域可以访问父域，而父域不能访问子域（全局作用域：参考C、java的全部变量）。 需要注意le...
ES6中let与var的区别
热门推荐
最自由的笑的博客
08-08 5万+
通过var定义的变量，作用域是整个封闭函数，是全域的 。通过let定义的变量，作用域是在块级或是子块中。 for (let i = 0; i < 10; i++) { // ... }console.log(i); // ReferenceError: i is not defined //计数器i只在for循环体内有效，在循环体外引用就会报错。 变量提升现象：浏览器在运行代码之前会进行预解析，
【ES6基础】let和作用域
weixin_33767813的博客
01-20 349
ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会)以JavaScript为基础制定的一种脚本语言标准。目前，该标准基本上每年发布一次新的ES规范标准，目前最新的标准是ECMAScript 2018（ES9）,由于前端开发的应用场景日益复杂，自从费时六年之久ES6（ECMAScript 2015）的出现，增加了很多新的特性，让JavaScript语言更加标准化和工程化。因此我们有...
var let和const的作用
最新发布
05-25
但是，它有一个作用域问题，即变量会被提升到函数或全局作用域的顶部，并且如果不小心重复声明同一个变量，会导致变量被覆盖。 let 和 const 是 ES6（ES2015）引入的新的变量声明方式。它们都具有块级作用域，即...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值