JavaScript的块级作用域详解

最新推荐文章于 2024-07-07 00:15:00 发布
最新推荐文章于 2024-07-07 00:15:00 发布
阅读量231 收藏
点赞数
文章标签： javascript 开发语言 ecmascript 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pixelninja/article/details/133630934
版权
编程 专栏收录该内容
347 篇文章 23 订阅 ¥29.90 ¥99.00
订阅专栏
本文详细介绍了JavaScript中的块级作用域，包括其引入的原因、let和const关键字的使用，以及块级作用域与变量可见性的关系。通过示例展示了如何避免变量污染，提升代码的可读性和可维护性。
摘要由CSDN通过智能技术生成

在JavaScript中，块级作用域是指通过使用花括号（{}）创建的一个作用域范围，它允许开发者在特定的代码块中声明变量并限制其作用范围。块级作用域的引入对于避免变量污染和提高代码的可读性和可维护性非常有帮助。在本文中，我们将深入探讨JavaScript中的块级作用域，并提供一些相关的源代码示例。

在ES5之前，JavaScript中并不存在块级作用域。所有的变量声明都是函数作用域或全局作用域的一部分。这意味着在条件语句（如if语句或for循环）中声明的变量在整个函数作用域中都是可见的，这可能会导致变量的意外共享和覆盖。

ES6引入了let和const关键字，使得在块级作用域内声明变量成为可能。使用let关键字声明的变量具有块级作用域，它们只在声明它们的代码块中可见。这意味着在块级作用域外部无法访问这些变量。

让我们通过一个简单的示例来说明块级作用域的概念：

function foo() {
   
  if</
了解本专栏 订阅专栏 解锁全文
安静漫游
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
Javascript中的作用域及块级作用域
11-28
一、块级作用域的说明 在学习JavaScript的变量作用域之前，我们应当明确几点： a、JavaScript的变量作用域是基于其特有的作用域链的。 b、JavaScript没有块级作用域。 c、函数中声明的变量在整个函数中都有定义。   javascript的变量作用域，与平时使用的类C语言不同，例如C#中的代码： static void Main(string[] args) { if(true) { int number=10; } Console.WriteLine(number); }  这段代码进行编译，是无法通过的，因为”当前上下文不存在numbe
JavaScript--块级作用域
努力学习前端的阿猪
08-25 669
参考文章1 参考文章2 什么是块级作用域？ 任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域，例如for、while、if 而JavaScript不具有块级作用域（在es6标准出来之前，javascript是不存在块级作用域的），即在javascript的代码块中定义一个变量，在该代码块外面仍可使用该变量，例如： <scrip...
JS的块级作用域是什么
最新发布
weixin_46123033的博客
07-07 202
在JavaScript中，块级作用域（Block Scope）是指变量或函数在代码块（如{}内的代码区域）中声明后，其作用域被限制在这个块级结构内部。这意味着，块外部的代码无法访问块内部声明的变量或函数（除非这些变量或函数也被声明为全局的或具有更宽的作用域）。在ES6（ECMAScript 2015）之前，JavaScript主要使用函数作用域（Function Scope）和全局作用域（Global Scope），而没有块级作用域。然而，ES6引入了let和const。
JS中的块级作用域
Jim的博客
11-16 491
块级作用域 在ES5中，只有全局作用域和函数作用域。 影响： if内层变量可能覆盖外层变量 for循环的变量会泄露成全局变量 使用var var a = 1; if(1) { var a = 3; } console.log(a); //打印3,被if中的声明覆盖 使用let let a = 1; if(1) { let a = 3; } console.log(a); //打印2,if...
JavaScript的执行机制——块级作用域
前端探险家的博客
05-24 2705
块级作用域作用域（scope）变量提升所带来的问题变量容易在不被察觉的情况下被覆盖掉本应销毁的变量没有被销毁ES6 是如何解决变量提升带来的缺陷JavaScript 是如何支持块级作用域的 作用域（scope） 为什么 JavaScript 中会存在变量提升这个特性，而其他语言似乎都没有这个特性呢？要讲清楚这个问题，我们就得先从作用域讲起。 作用域是指在程序中定义变量的区域，该位置决定了变量的生命周期。通俗地理解，作用域就是变量与函数的可访问范围，即作用域控制着变量和函数的可见性和生命周期。 在 ES6 之
js块级作用域
qq_41786954的博客
02-28 248
在了解这两个API前，我们先了解一下块级作用域这个概念。 定义： 是一个语句，将多个操作封装在一起，通常是放在一个大括号里，没有返回值。 为何需要块级作用域? 在ES6之前，函数只能在全局作用域和函数作用域中声明，不能在块级作用域中声明。没有块级作用域导致很多场景不合理： 1、内存变量可能覆盖外层变量 var a = 33; function test() { console.log(a) if(...
ES6学习教程之块级作用域详解
10-19
在JavaScript的世界里，ES6（ECMAScript 2015）引入了许多新的特性，其中一项重要的改进就是块级作用域。在ES5之前，JavaScript只支持全局作用域和函数作用域，而没有块级作用域。这导致了一些令人困惑的情况，比如...
Javascript变量作用域详解
10-26
### Javascript变量作用域详解 Javascript变量作用域是编程中一个非常基础且重要的概念，理解它对于编写有效且可维护的代码至关重要。在Javascript中，变量的作用域主要分为两种：全局作用域和局部作用域。全局变量...
JavaScript作用域示例详解
01-21
作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域...一、JavaScript中无块级作用域 在Java或C#中存在块级作用域，即：大括号也是一个作用域。 public static void main () { if
JS块级作用域（var、let、const）
u_ndefine_d的博客
12-22 3212
很多语言中都有块级作用域，但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中的块级作用域、私有变量与模块模式
12-09
本文详细的介绍了JavaScript中的块级作用域、私有变量与模块模式，废话就不多说了，具体如下： 1.块级作用域(私有作用域)，经常在全局作用域中被用在函数外部，从而限制向全局作用域中添加过多的变量和函数。 (function(count){ for(var i=0;i<count>0、1、2、3、4 } console.log(i);//=>5 })(5); (function(){ var now=new Date(); if(now.getMonth()==0 && now.getDate()==1
js中的块级作用域
weixin_48864616的博客
11-18 316
为什么需要块级作用域？ 第一种情况：内层变量可能会覆盖外层变量 function fn(){ console.log(a); //相当于 var a; 因为es6之前 中var 声明变量会提升 if (false) { var a = "两个人的电影"; } } fn();// undefined 因为var a会 声明提升。 //--------------------- function fn(){
javascript 块级作用域
轻风细雨_林木木
07-05 563
参考：https://www.cnblogs.com/fengmiaosen/archive/2011/01/10/1932403.html 首先，在C/C++中，由花括号封闭的代码块都有自己的作用域，也就是块级作用域（私有作用域）。而在javascript中则没有块级作用域，例如： <script> for(var i=0;i<10;i++){ } alert(i); // 全局的i值为10了 </script> 结果是： 很显然，这并不是我们预期的效.
浅谈JS块级作用域
骆小胖~
03-02 354
js块级作用域--理解
huohua0612的专栏
05-11 4885
在JavaScript中没有块级作用域的概念。这意味着在块级语句中定义的变量，实际上是包含在函数中的，而不是在语句中创建的，下面来看一个例子： function testdemo(){ for(var i=0;i<10;i++){ } alert(i); } testdemo(); 最后输出的是：10。 在javaScript中，变量 i 是在testdemo()函的...
JavaScript块级作用域, let, const介绍
翾的博客
05-18 2242
let块级作用域ES6里增加了let，const, 声明在{}, -> “function,if ,for等” 的变量作用域被限制在块级。（严格模式下 function 变量属于块级作用域）例:{ let i = 0; } console.log(i); //报错Uncaught ReferenceError: i is not defined同时还可以解决闭包问题, 例如我们为10个div
JavaScript-你可能不了解的块级作用域
Yiu的博客
09-25 522
先来两个"栗子" 尽管你可能连一行带有块级作用风格的代码都没有写过，但是你这种常见的JavaScript代码一定很熟悉： for (var i = 0; i < 5; i++) { console.log(i); } 我们在for循环中直接定义了变量i，通常我们只想在循环体内部的上下文环境中使用i，但是事情并不是向着我们希望的发展，i会被隐式的绑定到外面的作用域...
JavaScript块级作用域与函数作用域
a1396531115的博客
08-16 751
一、JavaScript块级作用域 我们都知道，在ECMAScript6之前，JavaScript没有块级作用域。块级作用域是由一对花括号封闭的代码组成，在JavaScript中也叫他们自己的执行环境（请参考我的另一篇博文JavaScript执行环境详解），我们可以通过如下代码来进行验证： { var a = 12;}console.log(a); //12
ES6块级作用域详解与var、let差异示例
深入理解ES6块级作用域的使用是JavaScript开发者必须掌握的概念，它对于编写更清晰、可维护的代码至关重要。本文将围绕以下几个关键知识点展开： 1. 变量提升与var声明: JavaScript中的`var`声明在es5中有一个独特...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值