es6—let const

青旅半醒 2023-07-10 12:40 1阅读 0赞

**Let和const**

**一、Let**  
**1.let用来声明变量，并且会在当前作用域形成代码块**；let声明的变量可以改变，（值和类型都可以改变）。

{ 
    		let a=2
    	}

\{\}就是一个代码块。  
**2.let声明的变量，变量是不会被提升的。**  
![在这里插入图片描述][20200302151803250.png]  
![在这里插入图片描述][20200302151942582.png]  
![在这里插入图片描述][20200302151813847.png]  
![在这里插入图片描述][20200302151955654.png]  
![在这里插入图片描述][20200302151825141.png]  
![在这里插入图片描述][20200302152007259.png]  
**3.使用let必须提前声明：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][20200302152259944.png]  
**4.let不能重复定义变量**

![在这里插入图片描述][20200302152448379.png]  
![在这里插入图片描述][20200302152459124.png]  
语法错误，a已经被声明过了

说明let不能重复定义变量

**二、const**  
**1.const用于定义常量**  
对于数值：

var message = "Hello!";
    let age = 15;
     
    // 以下两行都会报错
    const message = "Hi!";
    const age = 20;

对于对象：

const foo = { };
     
    // 为 foo 添加一个属性，可以成功
    foo.prop = 123;
    foo.prop // 123
     
    // 将 foo 指向另一个对象，就会报错
    foo = { };

[20200302151803250.png]: https://img-blog.csdnimg.cn/20200302151803250.png
[20200302151942582.png]: https://img-blog.csdnimg.cn/20200302151942582.png
[20200302151813847.png]: https://img-blog.csdnimg.cn/20200302151813847.png
[20200302151955654.png]: https://img-blog.csdnimg.cn/20200302151955654.png
[20200302151825141.png]: https://img-blog.csdnimg.cn/20200302151825141.png
[20200302152007259.png]: https://img-blog.csdnimg.cn/20200302152007259.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200302152248140.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ==,size_16,color_FFFFFF,t_70
[20200302152259944.png]: https://img-blog.csdnimg.cn/20200302152259944.png
[20200302152448379.png]: https://img-blog.csdnimg.cn/20200302152448379.png
[20200302152459124.png]: https://img-blog.csdnimg.cn/20200302152459124.png