js的块级作用域 - 腾讯云开发者社区

在上一篇中说到了作用域，简单介绍了一下块级作用域，在这里我们来详细介绍一下。众所周知，在js中函数作用域是常见的单元作用域，也是现行的大多数js中最普遍的设计方案。...但其他类型的作用域单元也是存在的，并且通过使用其他类型的作用域单元甚至可以实现维护起来更加优秀、简洁的代码。这就是我们现在要说的块级作用域。...那么都有什么可以形成块级作用域呢，下面我们来看一下 try/catch 这个东西相信很多人也都用过，但是我们大部分时间写代码都是在try块中写的，不要认为try中写的代码就是块级作用域，其实里面声明的变量也会被声明为全局变量...总结块级作用域非常有用的一点和闭包及回收内存垃圾的回收机制相关。...提供了块级作用域，但是我们应该合理的在代码中使用，结合不同场景使用不同的作用域，创造可读、可维护的优良代码。

2.6K1 0

块级作用域

什么是块级作用域 ES6 中新增了块级作用域。块作用域由 { } 包括，if 语句和 for 语句里面的 { } 也属于块作用域。...ES6 允许块级作用域的任意嵌套。...但是，浏览器没有遵守这个规定，为了兼容以前的旧代码，还是支持在块级作用域之中声明函数，因此上面两种情况实际都能运行，不会报错。 ES6 引入了块级作用域，明确允许在块级作用域之中声明函数。...原来，如果改变了块级作用域内声明的函数的处理规则，显然会对老代码产生很大影响。...同时，函数声明还会提升到所在的块级作用域的头部。注意，上面三条规则只对 ES6 的浏览器实现有效，其他环境的实现不用遵守，还是将块级作用域的函数声明当作let处理。

3553 0

您找到你想要的搜索结果了吗？

是的

没有找到

全局作用域、函数作用域、块级作用域的理解

1.前言作用域是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。很惭愧，我今天才深入理解JS的作用域..我不配做一个程序员.....开玩笑，什么时候理解都不晚，重要的是理解了以后能不能深深地扎在记忆里，不能，那就写下来 2.块级作用域在一个代码块（括在一对花括号中的一组语句）中定义的所有变量在代码块的外部是不可见的。...ES6中新增的概念，在ES5中是没有的，ES5中没有？没有的时候我们代码也写的好好的，现在新增的概念，我不用不行吗？来，拋一个典型的问题出来，你就明白块级作用域出现的重要性了。...在ES5时代，还没有块级作用域这个概念，但是当时也有一种解决方法，那就是.. .. .. .. .....，是可以修改内部属性的，数组同理； 5.总结主要总结一下块级作用域、以及块级作用域出现的意义，方便更好的记住。

3.1K1 0

JavaScript的作用域和块级作用域概念理解

作用域作用域永远都是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。说到这里我们需要理解两个概念：块级作用域与函数作用域。...函数作用域这个应该好理解，函数作用域就是说定义在函数中的参数和变量在函数外部是不可见的。大多数类C语言都拥有块级作用域，JS却没有。...块级作用域任何一对花括号中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。...也就是说，JS并不支持块级作用域，它只支持函数作用域，而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。那么我们该如何使JS拥有块级作用域呢？...是否还记得，在一个函数中定义的变量，当这个函数调用完后，变量会被销毁，我们是否可以用这个特性来模拟出JS的块级作用域呢？

8975 0

JavaScript的作用域和块级作用域概念理解

说到这里我们需要理解两个概念：块级作用域与函数作用域。函数作用域这个应该好理解，函数作用域就是说定义在函数中的参数和变量在函数外部是不可见的。大多数类C语言都拥有块级作用域，JS却没有。...可以看到，C语言拥有块级作用域，因为j是在if的语句块中定义的，因此，它在块外是无法访问的。...块级作用域 ---- 任何一对花括号中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。...也就是说，JS并不支持块级作用域，它只支持函数作用域，而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。那么我们该如何使JS拥有块级作用域呢？...是否还记得，在一个函数中定义的变量，当这个函数调用完后，变量会被销毁，我们是否可以用这个特性来模拟出JS的块级作用域呢？

6592 0

javascript模仿块级作用域

模仿块级作用域 var somefunction=function(){ ///这里是块级作用域 } somefunction(); 在这里定义了一个函数，然后立即调用。不会报错。...然而，下面的代码： function(){ //这里是块级作用域 }(); //出错这段代码会导致语法错误，因为javascript将function关键字当做一个函数声明的开始，而函数声明后不能跟圆括号...然而函数表达式的后面可以跟圆括号。...将函数声明转为函数表达式，像下面给它加上一对圆括号就可以了： (function(){ //这里是块级作用域 })(); (function(){ var now = new Date(); if(now.getMonth...这种做法减少闭包占用内存的问题，因为没有指向匿名函数的引用。执行完毕，立即销毁作用域链。

70210 0

块级作用域let，const

块级作用域，let，const。(1.js) 1. let 1. let 声明的全局变量不是全局对象window的属性 2....同一作用域中用let定义变量不允许重复声明 3. let声明的变量不存在变量提升 4. let声明的变量具有暂时性死区 5. let 声明的变量拥有块级作用域 2. const...1. const定义的是常亮，不可修改。...2. const 实际上保证的并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。... 复制代码小Tips: let和const声明的顶层变量并不会挂载在window上，而var会。

3303 0

JavaScript之模仿块级作用域

简介:在JavaScript中没有块级作用域的概念。这意味这在块语句中定义的变量,实际上在包含函数中而非语句中创建的。...上面的函数中定义了一个for循环,在Java，C#,C++等语言中,变量i只会在for循环中有定义，循环一旦结束,变量i就会被销毁,可是在JavaScript中,变量是定义在outputNumbers的活动对象中的...,因此从他有定义开始,就可以在函数的内部访问到它,即使你重新申明变量,只要不给变量赋值,他只会对后面的申明视而不见，代码如下: function outputNumbers(count){ for...;i<count;i++){ break; } var i; alert(i); } outputNumbers(3); //输出:0 而JavaScript中的匿名函数可以用来模仿块级作用域并避免这个问题...用作块级作用域(通常成为私有作用域)的匿名函数语法如下所示: (function () { })()

7846 0

前端基础-ECMAScript块级作用域

第2章块级作用域 2.1 块级作用域 JS中作用域有：全局作用域、函数作用域。 ES6中新增了块级作用域。块作用域由 { } 包括，if语句和for语句里面的{ }就属于块作用域。...(不包括函数) //注意块级作用域中，使用var声明的变量是全局变量 { var a = 1; console.log(a);//1 } console.log(a);//1 if(true){...var b = 2; console.log(b);//2 } console.log(b);//2 2.2、let关键字声明块级变量 ES6中增加了let关键字声明变量，声明的变量只在当前代码块中生效...（块级作用域）。...,但是不能在同一作用域内重新声明 // let声明的变量可以重新赋值 { let a = 1; console.log(a);

4141 0

JS学习系列 03 - 函数作用域和块作用域

在 ES5 及之前版本，JavaScript 只拥有函数作用域，没有块作用域（with 和 try...catch 除外）。在 ES6 中，JS 引入了块作用域，{ } 内是单独的一个作用域。...采用 let 或者 const 声明的变量会挟持所在块的作用域，也就是说，这声明关键字会将变量绑定到所在的任意作用域中（通常是 {...} 内部）。今天，我们就来深入研究一下函数作用域和块作用域。...块作用域 ES5 及以前 JavaScript 中具有块作用域的只有 with 和 try...catch 语句，在 ES6 及以后的版本添加了具有块作用域的变量标识符 let 和 const 。...为块作用域显示的创建块可以部分解决这个问题，使变量的附属关系变得更加清晰。...总结函数是 JavaScript 中最常见的作用域单元。块作用域指的是变量和函数不仅可以属于所处的函数作用域，也可以属于某个代码块。

1.6K1 0

JS学习系列 03 - 函数作用域和块作用域

1291 0

【深度剖析】JavaScript中块级作用域与函数作用域

面试官必问系列：深入理解JavaScript块和函数作用域 • 在 JavaScript 中，究竟是什么会生成一个新的作用域，只有函数才会生成新的作用域吗？...= 10; if (foo) { var bar = 3; // ... } if (baz > bar) { console.log( baz ); } • 但是在使用块级作用域的变量时需要注意以下变化...console.log( baz ); } } 3.4.4 const • ES6 还引入了 const, 同样可用来创建块级作用域，但其值是固定的(常量), 不可修改。...函数时 JavaScript 中最常见的作用域单元。 2. 块作用域值的是变量和函数布局可以属于所处的作用域，也可以属于某个代码块(通常指 {...} 内部) 3....从 ES3 开始， try/catch 结构在 catch 分句中具有块作用域。 4. 从 ES6 引入了 let，const 关键字来创建块级作用域。

2921 0

【Javascript】闭包之块级作用域

在js中我们应该尽量避免使用全局变量和全局函数，以防止发生命名冲突，那么要如何避免呢？js中有一个闭包的概念，现在我们使用闭包中块级作用域来讲解，这也是闭包中最重要的概念。...js本身是不支持像C/C#/java…这样的语言中有块级作用域的，即在语法块中定义的变量，在语法块外面是无法访问到的。那么，js要怎么去模拟像C这样的块级作用域呢？...*匿名函数外**无效，在匿名函数外，i就被销毁了 } })(); console.log(i);//输出:undefined } 在函数内部创建一个匿名函数，就相当于在函数内部创建了一个私有作用域...，这对于在较大/多人开发的项目中是很好用的，这样每个程序员能在自己的功能函数中使用自己的变量不至于混乱、冲突。

1692 0

es6之块级作用域

块级作用域在es6(es2015)之前, 也就是es5中,作用域只有两种: 1. 全局作用域 2....在es6中新增了块级作用域,新增的块级作用域通过 let 和 const 属性来体现: console.log(tem);//输出undefined let tem = 6; 下面介绍一下 let 和...const let 用法和 var 类似, 但是let声明的变量只在块级作用域内有效 function fun1() { let n = 5; if (true) { let n = 10...PI = 3.14; PI // 3.14 PI = 3; // TypeError: Assignment to constant variable. let和const有以下共同点 1.只在声明的块级作用域内有效...，从一开始就形成了封闭作用域。

58411 0

ES6之块级作用域

因为其实函数 bar 等同于 function bar() { var temp; console.log(temp); } 大多数类 C 语言语法的语言都拥有块级作用域...糟糕的是，尽管 Javascript 的代码貌似支持块级作用域，但实际上 Javascript 并不支持（就是因为有变量提升）。这个混淆之处可能成为错误之源。...所以在 ES6 中规定了 let 和 const 来支持块级作用域。但是，是不是真的提升就不存在了呢，可以看下面暂时性死区这部分。...事实上，当 JS 引擎检视下面的代码块有变量声明时，对于 var 声明的变量，会将声明提升到函数或全局作用域的顶部，而对 let 或 const 的时候会将声明放在暂时性死区内。...var foo = 1; { // 不会报错 let = 2; // other code } 同时因为是 let 和 const 是块级作用域，声明的变量在当前块使用完之后就会被释放

6024 0

函数作用域和块作用域

块作用域尽管函数作用域是最常见的作用域单元，但是其他类型的作用域单元也是存在的，并且通过使用其他类型的作用域单元甚至可以实现维护起来更加优秀、简洁除 JavaScript 外的很多编程语言都支持块作用域...(i); } 在 for 循环的头部定义了变量 i , 通常是因为只想在 for 循环内部的上下文中使用 i 这就是块级作用域的用处，变量的声明应该距离使用的地方越近越好，并最大限度地本地化块作用域就是对之前的最小授权原则进行扩展的工具...，块作用域 with with不仅是一个难以理解的结构，同时也是块作用域的一个例子（块作用域的一种形式），用 with 从对象中创建出的作用域仅在 with 声明中而非外部作用域有效 with(obj...try/catch用同样的标识符名称声明错误变量时，很多静态检查工具会发出警告，实际上这并不是重复定义，因为所有变量都很安全地被限制在块级作用域内部。...块作用域 let/const 到目前为止，我们知道 JavaScript 在暴露块级作用域的功能中有一些奇怪的行为，如果仅仅时这样，那么 JavaScript 开发者多年来也不会将块级作用域当作非常有用的机制来使用了

2.4K2 0

JS中的块级作用域，var、let、const三者的区别

可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。 1. 块作用域{ } JS中作用域有：全局作用域、函数作用域。...没有块作用域的概念。ECMAScript 6(简称ES6)中新增了块级作用域。块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。...， // 可见，if语句和for语句属于块作用域，不属于函数作用域。...console.log(b); // 2 子作用域可以访问到父作用域的变量 console.log(c); // 3 子作用域可以访问到父作用域的变量...let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。 const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。

4.3K6 1

JavaScript执行机制：变量提升、作用域链、词法作用域、块级作用域、闭包和this

这使得JavaScript具有强大的表达能力，但同时也带来了一些复杂性。本文将围绕JavaScript中的变量提升、作用域链、词法作用域、块级作用域、闭包和this进行详细介绍。...当baz函数被调用时，它可以访问foo函数作用域内的变量x，即使foo函数已经执行完毕。这是因为词法作用域的静态结构。 1.3 块级作用域块级作用域是指由大括号{}包围的代码块内的作用域。...ES6引入了let和const关键字，用于声明块级作用域的变量。这使得JavaScript具有了类似于其他编程语言（如C和Java）的块级作用域。...x没有块级作用域，因此在if语句块内的赋值会影响到外部的x。...而let声明的变量y具有块级作用域，因此在if语句块内的赋值不会影响到外部的y。

1521 1

JavaScript 块级作用域与自执行函数

这种函数是在JavaScript 的变量作用域影响下出现的。...自执行函数 var v = "hello"; (function(){ console.log(v); var v = "world"; })(); 输出：underfined 1.2 块作用域...var v = "hello"; if(true){ console.log(v); var v = "world"; } 输出：hello ES6之前是没有块作用域这个概念了，这对编程产生了很大的影响...4. let关键字的使用 ES6以后，出现了个牛逼的关键字 -- let let关键字的出现，也象征着JavaScript出现了块级作用域。...电子版：http://es6.ruanyifeng.com/#docs/let 大致就是：let声明的变量，只在let命令所在的代码块内有效。它要求变量必须先声明后使用。

1.4K0 0

JavaScript-作用域、块级作用域、上下文、执行上下文、作用域链

一、作用域在 JavaScript 中, 作用域（scope，或译有效范围）就是变量和函数的可访问范围，即作用域控制着变量和函数的可见性和生命周期二、全局/局部作用域 2.1 全局作用域(Global...六、块级作用域 6.1 概念块级作用域指在If语句，switch语句，循环语句等语句块中定义变量，这意味着变量不能在语句块之外被访问。...6.2 var 不支持块级作用域（1）在If等语句块中，定义的变量从属于该块所在的作用域，和函数不同，他们不会创建新的作用域。 ?...6.3 let和const （1）为了解决块级作用域，ES6引入了 let 和 const 关键字，可以声明一个块级作用域的变量。 ? （2）全局作用域的生存周期与上述应用相同。...局部作用域只在该函数调用执行期间存在。七、上下文 vs 作用域（1）首先需要说明的是上下文和作用域是不同的概念。（2）每个函数调用都有与之相关的作用域和上下文。

2.5K2 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

js中的块级作用域

块级作用域

全局作用域、函数作用域、块级作用域的理解

JavaScript的作用域和块级作用域概念理解

JavaScript的作用域和块级作用域概念理解

javascript模仿块级作用域

块级作用域let，const

JavaScript之模仿块级作用域

前端基础-ECMAScript块级作用域

JS学习系列 03 - 函数作用域和块作用域

JS学习系列 03 - 函数作用域和块作用域

【深度剖析】JavaScript中块级作用域与函数作用域

【Javascript】闭包之块级作用域

es6之块级作用域

ES6之块级作用域

函数作用域和块作用域

JS中的块级作用域，var、let、const三者的区别

JavaScript执行机制：变量提升、作用域链、词法作用域、块级作用域、闭包和this

JavaScript 块级作用域与自执行函数

JavaScript-作用域、块级作用域、上下文、执行上下文、作用域链

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐