关于let和var的块作用域问题

最新推荐文章于 2024-04-06 11:22:41 发布
最新推荐文章于 2024-04-06 11:22:41 发布
阅读量215 收藏
点赞数
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laoxiaohang/article/details/112528237
版权

JS中没有块级作用域，只有全局作用域和函数作用域；

let定义的变量让其产生了块级作用域。

Var没有块级作用域

在这里插入图片描述在这里插入图片描述

Let有块级作用域

在这里插入图片描述
直接报错，因为离开了块级，变量不存在

Var有变量声明提升

函数声明和变量声明会被解释器“提升”到方法体的最顶部
注意：只有声明会被“提升”，赋值不会被提升

下面这样会直接报错

在这里插入图片描述在这里插入图片描述
当函数体中有定义变量时，则不会报错，会undefined
在这里插入图片描述在这里插入图片描述

Let无变量声明提升

下面代码会直接报错，所以声明let变量时要放在函数头部
在这里插入图片描述

函数声明提升

在这里插入图片描述
在这里插入图片描述

通过函数声明表达式，这样就不会造成覆盖的问题了。

在下小航（Harvey）
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
var和let块级作用域
cf313995的博客
08-21 318
什么是变量作用域？ 变量在什么范围内是可用的。 没有块级作用域引发的问题？ 那么函数的值就可能在被使用前修改。 if(true){ var name = "why" } name = "lsii" console.log(name) // lisi if语句为真，所以代码是可以执行的。而我们定义的变量name在打印的是lisi，原因是没有块级作用域。 比如： 有五个按钮...
块级作用域与函数作用域下的let、var
sxp19980829的博客
02-09 327
块级作用域 由于var的作用域为函数作用域，且存在变量提升，所以上图情况相当于在全局中先声明了var a，接下来对a进行了两次赋值，第二次会覆盖第一次的值。 let的作用域为块级作用域，且不存在变量提升，因此上图为在全局中声明了a，赋值为6；在大括号内声明了a，赋值为5。 由于var存在变量提升，因此上图相当于在全局中，使用var和let分别声明了一次a，因此报错“已声明”。 函数作用域 在全局中声明a，并赋值6；在test()中声明a，并赋值5 同上 .
var与let区别-详解块级作用域与局部作用域
Arise_Jing的博客
08-17 275
var与let区别-详解块级作用域与局部作用域
块级作用域-let和var
wendyNo的博客
01-11 162
JS中使用var来声明 1、变量作用域：变量在什么范围内是可用的 2、没有块级作用域引起的问题 <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script type="text/jav
JS中的var和let的区别
01-07
let和var之间一共有4处区别： 01-作用域只局限于当前代码块 02-使用let生命的变量作用域不会被提升 03-在相同作用域下不能声明相同的变量 04-for循环体现let的父子作用域 我们会做几个例子来验证这这四处不同： 在这...
ES6使用let命令更简单的实现块级作用域实例分析
11-26
然而，`let`的引入带来了真正的块级作用域，这意味着变量只在它们被声明的代码块内有效。例如： ```javascript { let a = 1; var b = 2; } console.log(a); // undefined console.log(b); // 2 ``` 在这个...
js中let和var定义变量的区别
11-27
在JavaScript编程语言中，`let` 和 `var` 都是用来声明变量的关键字，但它们在作用域、提升（Hoisting）以及重复声明等方面存在显著差异。这些差异在JavaScript的严格模式（'use strict'）下更为明显。 首先，`var`...
JavaScript中实现块作用域的方法
10-29
与`var`不同，`let`和`const`不会提升到作用域的顶部，这意味着不能在声明之前使用它们，否则会引发`ReferenceError`。 块级作用域的应用场景包括： 1. **循环中的临时变量**：在循环中使用`let`可以避免在每次...
var和let区别以及块级作用域
3木子熙H
06-24 170
在ES5之前因为if和for都没有块级作用域的概念，所以在很多时候，我们都必须使用function函数的作用域来解决应用外面变量的问题，(因为function作用域中他只管传进去的参数在自己地盘的变化，此参数在之前的行为不归他) 你可能看不懂，那么举例说明 var name = "coco"; function changeName() { name = "lili"; console.log(name); } console.log(name)
let和var(块级作用域的区别)
qq_34498806的博客
06-28 440
let和var(块级作用域的区别) <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> /** *块级作用域主要是值 if/for *ES5中的var是没有块级作用域的（if/for） *
没有块级作用域var、有块级作用域let、不可变常量const使用注意事项
最新发布
2401_84093443的博客
04-06 111
1.1、块级作用域var。
let和块级作用域
qq_58569977的博客
06-05 1044
在ES6中新增了块级作用域的概念，使用{}扩起来的区域叫做块级作用域
let、var声明变量的区别以及预解析、作用域的详解
qq_54455551的博客
04-17 6078
let、var声明变量的区别以及预解析、作用域的详解
比较var和let的区别，理解函数作用域与块级作用域
u012545017的专栏
04-28 2095
var与 let的区别： var：函数作用域；存在变量提升；可重复定义；声明的变量会作为window的属性。 let：块级作用域；不存在变量提升（有暂时性死区）；不可重复定义；声明的变量不会作为window的属性。 块级作用域：即在{}花括号内的域，由{ }包括，比如if{}块、for(){}块。 函数作用域：变量在声明它们的函数体以及这个函数体嵌套的任意函数体都是有定义的。 暂时...
var和let声明变量的问题
weixin_41562819的博客
07-16 713
var和let声明变量的问题 使用var声明的变量 1.允许重复的变量声明：导致数据被覆盖 var a = 1; function print(){ console.log(a); } var a = 2; print();//此时输出的值为2 由于变量提升的问题，当声明a变量后，再次声明一个相同的变量后，原有的变量a会被销毁，而使得此时的a变为2.与我们想输出a=1的意愿相反。 2.变量的提升：怪异的数据访问、闭包问题 if(Math.random() < 0.5){ var a
ES6-变量let、const和块级作用域
qq_43812731的博客
08-12 340
ES5 中，使用 var 定义全局变量 ES6 中，新增了 let 和 const 来定义变量： let：定义局部变量，替代 var。 const：定义常量（定义后，不可修改）。 1、var：定义全局变量 看下面的代码： { var a = 1; } console.log(a); //这里的 a，指的是 区块 里的 a 上方代码是可以输出结果的，输出结果为 1。因为 var 是全局声明的，所以，即使是在区块里声明，但仍然在全局起作用。 也就是说：使用 var 声明的变量不具备块级作
var let和const的作用
05-25
但是，它有一个作用域问题，即变量会被提升到函数或全局作用域的顶部，并且如果不小心重复声明同一个变量，会导致变量被覆盖。 let 和 const 是 ES6（ES2015）引入的新的变量声明方式。它们都具有块级作用域，即...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值