深入剖析es6变量声明（let，const）

古城微笑少年丶 2023-05-22 06:41 78阅读 0赞

## 变量声明（let, const） ##

*  **let**  
    1.特点：  
    （1）let声明的变量具有块级作用域（只在所处的块级内有效）  
    代码块

if (true) { 
                let a = 10;
                var b = 20;
            }
            console.log(b);
            console.log(a);

结果  
![在这里插入图片描述][20200416152611974.PNG_pic_center]  
（2）不存在变量提升  
代码块

console.log(a);
     let a = 20;

结果  
![在这里插入图片描述][20200416152912894.PNG_pic_center]  
（3）具有暂时性死区的特性  
代码块

var num = 20;
            if (true) { 
                console.log(num);
                let num = 50;
            }

结果  
![在这里插入图片描述][2020041615302146.PNG_pic_center]  
2.优点  
（1）在业务逻辑比较复杂的时候，能够防止内层变量覆盖外层变量  
（2）防止循环变量变成全局变量  
eg:  
循环变量变成全局变量

for (var i = 0; i < 3; i++) { }
         console.log(i);

![在这里插入图片描述][20200416153402161.PNG_pic_center]  
使用let变量声明

for (let i = 0; i < 3; i++) { }
            console.log(i);

![在这里插入图片描述][20200416153516274.PNG_pic_center]  
**对于特点（2）变量提升浅谈一下**  
1.javascript代码执行分为：预解析，代码执行（按照代码书写顺序从上往下执行）  
2.预解析分为：变量提升，函数提升  
3.变量提升就是把所有的变量声明提升到当前作用域的最前面，不提升赋值操作  
变量提升栗子：

console.log(a);
            var a = 30;
            // 预解析后---------(分界线)
            //var a;
            //console.log(a);
            //a = 30;

![在这里插入图片描述][202004161543118.PNG_pic_center]

*  **const**  
    作用：声明常量，常量就是指（内存地址），不能变的量  
    1.特点  
    （1）具有块级作用域（同上略）  
    （2）声明常量时必须赋值  
    代码块

//const声明常量时必须赋值
            const P;

结果  
![在这里插入图片描述][20200416154755138.PNG_pic_center]  
（3）常量赋值后，值不能修改  
\+对于基本数据类型来讲，一旦赋值，值不可更改（数值or字符串）  
\+对于复杂数据类型来讲，不能重新赋值（内存地址不可改变），但是可以更改数据结构内部的值（数组or对象）  
eg：  
基本数据类型

//常量赋值后，值不能修改
            const p = 10;
            p = 100;

![在这里插入图片描述][20200416155222759.PNG_pic_center]  
复杂数据类型

const arr = [1, 2];
            arr[0] = 'a';
            arr[1] = 'b';
            console.log(arr);

![在这里插入图片描述][20200416155302125.PNG_pic_center]

**综上对var let const 三种变量声明做个总结**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N3cTUyMW8_size_16_color_FFFFFF_t_70_pic_center]  
哈哈哈（懒~~）

**OVER 加油各位**

[20200416152611974.PNG_pic_center]: /images/20230521/9f19ad6e89414eb4b34220626a4cd1ed.png
[20200416152912894.PNG_pic_center]: /images/20230521/49f6c2c33d0744f08ec2920d91a5b024.png
[2020041615302146.PNG_pic_center]: /images/20230521/da7828feedb94926b59d1c3930b308f2.png
[20200416153402161.PNG_pic_center]: /images/20230521/b7ea3cebc9fc4bc7ac26c90f7c1b72ad.png
[20200416153516274.PNG_pic_center]: /images/20230521/61d110ecafb0487a87a19c6a0d03d2b5.png
[202004161543118.PNG_pic_center]: /images/20230521/4a54217a8493425f86aa2ca2e689a7d6.png
[20200416154755138.PNG_pic_center]: /images/20230521/91fd3e35f0d947518a6fc44a8e2178a5.png
[20200416155222759.PNG_pic_center]: /images/20230521/6327bdd6eeac45498bd894c6e412d854.png
[20200416155302125.PNG_pic_center]: /images/20230521/38218165bbd44e3a8acced1b5312aaee.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N3cTUyMW8_size_16_color_FFFFFF_t_70_pic_center]: /images/20230521/617d7df9f083422caaa20390808c8d0d.png