ES6学习第一节块级作用域的声明以及绑定（一） let声明

chanthuang 发布于2019-08-20 18:58 / 586人阅读

摘要：块级作用域绑定变量声明的变量声明与其他的一些计算机语言不同，在类的语言中，变量总是在被声明的地方创建而在中变量创建的位置取决于你如何声明它，为我们提供了新的声明方式用来让开发者能够更好的控制变量的作用域我们通过声明的变量，无论其声明位置在哪

块级作用域绑定 1.变量声明

JS的变量声明与其他的一些计算机语言不同，在类C的语言中，变量总是在被声明的地方创建；而在JS中变量创建的位置取决于你如何声明它，ES6为我们提供了新的声明方式用来让开发者能够更好的控制变量的作用域；

我们通过var声明的变量，无论其声明位置在哪里，都会编译器视为声明在所在函数的顶部，如果不在任何函数内，则默认为全局作用域的顶部，这就是我们常说的变量的提升。

但这种独特方式有的时候会引发一些bug问题，因为当变量提升的时候虽然已经声明但是并未赋值，所以值是undefined，如果新手不熟悉JS的这种行为，就会引发一些问题，为了避免这种情况，ES6为我们提供了一种新的声明方式叫做let；

1.1 let声明

所谓块级声明就是除去指定的块的作用域外，任何地方都无法访问到你所声明的变量，C语言以及很多类C语言都有这个机制。

那么关键问题是如何创造一个块级哦就是作用域呢？

在ES6中规定有在以下的情况下是可以创建块级作用域的：

在函数内部；

在一对代码块之间（也就是由一对花括号所包裹的）内部；

ES6为了我们提供了新的声明方式let，理论上来说，你可以用let来代替var来声明变量，但是let所声明的变量只作用域当前块级作用域内，这点要注意，另外一个重点就是let并不会将你所声明的变量提升到顶部，所以在使用let声明变量时，需要注意将let声明的变量手动写到当前块级作用域的顶部；
例如：

    function letTEST(boo){
        if(boo){
            let value = true;   
        }
        return value;
    }

参考以上代码，当传参的值为true的时候会声明一个变量value；但是由于let声明的变量只会在当前作用域内才能被访问，所以return value的时候会报错，以上代码应当更改为如下

    function letTEST(boo){
        if(boo){
            let value = true;  
            return value; 
        }else{
            return null
        }
    }

考虑另一个场景：

    {
        let a = 10;
        let a = 20;
    }

以上代码在运行时依然会报错，所以我们可以得出一个结论就是在当前块级作用域内，let不能重复声明变量，那么这是为何呢

这里就说let声明变量的机制问题了，当引擎执行当前代码块读取到let的时候会将let所声明的变量提升到一个封闭区间，我们称之为TDZ（暂时性死区），这个区域内，不允许存在相同的变量名所以重复使用let声明浏览器会报错；

1.2 const声明

在ES5以及之前的标准中，所有的变量都是可以被改变的，所以当我们需要声明一个常量的以后，需要避免声明相同标识符的变量以避免改变常量，但是也可能会不小心改变了这个变量，为了纠正这种不可靠的常量声明方式，ES6引入了const来声明常量；

const声明变量的方式与let几乎相同，唯一一点不同的地方在于const所声明的变量是不可更改的，所以我们称之为常量，看以下代码：

    const a = 10;
    
    a = 20;

以上代码在浏览器中运行的时候，引擎会报错，所以我们可以得知const声明的变量的值是不可更改的，正式由于这个原因，所以在我们利用const声明变量的时候必须要赋值，如果在声明的时候不赋值的话，引擎依然会抛出错误；

通过以上测试我们可以的值const声明变量不可更改，但是当我们使用const声明对象的时候，更改对象的值却不会报错，看以下代码：

    const a = {
        name = "lucy"
    }
    
    a.name = "blank"      //运行正常
    
    a = {
        name = "leo"      //报错
    }

那么我们通过以上代码测试可知，const会阻止变量绑定以及变量本身的值得更改，并不会对其中的变量成员的更改做出合理的反应，这点很重要

GPU云服务器云服务器 jsp声明有什么作用最后一节 jsp获取作用域的值声明变量

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84962.html

ES6学习第一章 let 和 const 命令

摘要：外层作用域不报错正常输出块级作用域与函数声明规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。规定，块级作用域之中，函数声明语句的行为类似于，在块级作用域之外不可引用。同时，函数声明还会提升到所在的块级作用域的头部。前言：最近开始看阮一峰老师的《ECMAScript 6 入门》(以下简称原...

番茄西红柿 2021-11-24 09:39 评论0 收藏2637
ES6学习笔记--块级绑定

摘要：对比常量声明与声明常量声明与声明，都是块级声明。最后一点全局块级绑定与不同于的另一个方面是在全局作用域上的表现。块级绑定新的最佳实践在的发展阶段，被广泛认可的变量声明方式是默认情况下应当使用而不是。总结与块级绑定将词法作用域引入。 var变量与变量提升使用var关键字声明的变量，无论其实际声明位置在何处，都会被视为声明于所在函数的顶部（如果声明不在任意函数内，则被视为在全局作用域的顶...

wangshijun 2019-08-21 17:01 评论0 收藏0
深入理解ES6 (一) 块级绑定

摘要：声明声明的语法与的语法一致。总结文章都是以深入理解读书笔记形式，大部分引用书中的定义，加上作者的理解，样例也做了调整，所有样例都可以放到里运行亲自尝试。 1.变量提升使用 var 关键字声明的变量，无论其实际声明位置在何处，都会被视为声明于所在函数的顶部（如果声明不在任意函数内，则视为在全局作用域的顶部）。这句话从字面上不难理解。但是他是怎样一个过程，为什么会这样。当你代...

KunMinX 2019-08-26 10:27 评论0 收藏0
es6块级作用域

摘要：块级作用域存在于两个地方函数内部。如下例应该返回创建数组的构造函数即这是数组返回这是数组从上例，我们可以知道即使全局作用域中已经定义了变量或者已经存在了属性，但我们之后定义的变量则会覆盖之前已经定义好的或者已经存在的变量属性。一.var 声明与变量提升机制在JavaScript中使用var定义一个变量，无论是定义在全局作用域函数函数的局部作用域中，都会被提升到其作用域的顶部，这也是...

cnTomato 2019-08-23 16:19 评论0 收藏0
ES5和ES6作用域详解

摘要：允许在块级作用域内声明函数。上面代码中，存在全局变量，但是块级作用域内又声明了一个局部变量，导致后者绑定这个块级作用域，所以在声明变量前，对赋值会报错。 ES5的作用域变量起作用的范围，js中能创建作用域的只能是函数 { let a = 1; var b = 2; } console.log(a); // a is not defined console.log(b); //...

Dr_Noooo 2019-08-21 17:30 评论0 收藏0