ES6学习笔记之块级作用域

缺乏、安全感 2023-08-17 17:43 158阅读 0赞

# ES6学习笔记:块级作用域 #

## 作用域分类 ##

*  全局作用域
 *  局部作用域
 *  块级作用域
    
    ### 全局作用域示例 ###

var i=2;
    for (var i = 0; i < 10; i++) {
    }
    console.log(i);//10

*  这里就出现了意料之外的结果,此种原因是变量提升造成过的

### 局部作用域示例 ###

!(function () {
        console.log(b);//undefined
        var b = 2;
    })()

*  为什么会输出undefined,而不是报错?
 *  此种也是变量提升造成的意料之外的结果,上面代码等同于下面.

!(function () {
    var b;
    console.log(b);//undefined
    b=2;
    })()

### 这里就抛出来了一个问题,**什么是变量提升**? ###

> JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。

> JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。

### ES6中引入了块级作用域的概念 ###

//块级作用域使用方式
    {
      //...code  
    }

注意:使用 **var 声明变量**不受块级作用域限制,依旧会造成的变量提升,因此

引入了两个新的变量

*  let
    
     *  用法:声明一个变量
     *  特点:
        
         *  只在声明的代码块有效
         *  在同一作用域中不能重复声明
         *  没有变量提升
         *  暂时性死区
 *  const
    
     *  用法:声明一个只读变量(可理解为常量)
     *  特点:跟let一致
     *  注意事项:
        
         *  变量声明的同时必须立即赋值
         *  如声明的是简单类型数据,变量的值不可改变
     *  实质:保证变量指向的内存地址所保存的数据不允许变动
        
        简单类型如字符串,数字,布尔值,复杂类型如对象,数组,函数,所以const声明复杂类型对象时需慎重

### 使用示例 ###

*  示例1

if(true){
        var a=10;
    }
    console.log(a);//10

*  示例2

if(true){
        let a=10;
    }
    console.log(a);//error: a is not defined

*  示例3

{
        let a=2;
    }
    
    {
        let a=3;
        console.log(a);//3
    }

*  示例4

{
        const a=2;
        console.log(a);//2
        a = 3;//error:"a" is read-only
    }

*  示例5

{
        const obj={
            name:'小明',
            age:18
        }
        console.log(obj);//{name:"小明",age:18}
        obj.name="小红";
        console.log(obj);//{name:"小红",age:18}
    }

转载于:https://www.cnblogs.com/roseAT/p/11404246.html

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6学习笔记之块级作用域

ES6学习笔记:块级作用域作用域分类全局作用域局部作用域块级作用域全局作用域示例 var i=2;

缺乏、安全感/ 2023年08月17日 17:43/ 0 赞/ 159 阅读

相关 ES6基础2（块级作用域、数组对象解构）-学习笔记

文章目录 ES6基础2（块级作用域、数组对象解构）-学习笔记块级作用域数组解构对象解构

墨蓝/ 2022年10月19日 00:56/ 0 赞/ 111 阅读

相关 ES6——Day1（块级作用域）

1、为什么需要块级作用域对于ES5而言，只有全局作用域和函数作用域，并没有块级作用域这个概念。没有了块级作用域，会带来很多不合理的场景。如下：（1）内层变量可能会覆

浅浅的花香味﹌/ 2022年07月16日 17:21/ 0 赞/ 260 阅读

相关浅谈ES6 块级作用域

1、为什么需要块级作用域 ES5只有全局作用域和函数作用域，没有块级作用域，会带来以下问题： 1) 变量提升导致内层变量可能会覆盖外层变量 var i = 5;

布满荆棘的人生/ 2022年06月18日 05:13/ 0 赞/ 205 阅读

相关 ES6之let,const和块级作用域

原创地址: [http://blog.csdn.net/qq\_35087256/article/details/79552829][http_blog.csdn.net_qq

灰太狼/ 2022年05月29日 02:47/ 0 赞/ 216 阅读

相关 ES6之let,const和块级作用域

`var` 第一个就是作用域的问题，var不是针对一个块级作用域，而是针对一个函数作用域。举个例子： function runTowerExperiment(t

女爷i/ 2022年05月27日 13:27/ 0 赞/ 227 阅读

相关 ES6块级作用域

块级作用域 ① 全局作用域和函数作用域在ES6之前只有全局作用域和函数作用域，由于变量提升带来了一些不便。 1. 第一种场景，内层变量可能会覆盖外层变

男娘i/ 2022年05月13日 09:28/ 0 赞/ 261 阅读

相关《深入理解ES6》——块级作用域绑定

一、var声明及变量提升（Hoisting）机制在函数作用域或全局作用域中通过关键字var声明的变量，无论实际上是在哪里声明的，都会被当成在当前作用域顶部声明的

痛定思痛。/ 2022年05月10日 03:10/ 0 赞/ 242 阅读

相关块级作用域(ES6)

> 一、为什么需要块级作用域 ES5只有全局作用域和函数作用域，没有块级作用域，这导致很多场景不合理。 1、第一种场景：内层变量可能会覆盖外层变量： var

我不是女神ヾ/ 2022年03月21日 07:58/ 0 赞/ 279 阅读

相关 ES6——块级作用域

javascript缺乏块级[作用域][Link 1]，var声明时的[声明提升][Link 2]、[属性变量][Link 3]等行为让人困惑。ES6的新语法可以帮助我们更好地

矫情吗；*/ 2021年09月20日 10:12/ 0 赞/ 339 阅读