ES6_const常量

客官°小女子只卖身不卖艺 2022-09-09 15:58 118阅读 0赞

常量： 不可以变化的量，只读不可以写，换种说法只可以取值，不能够赋值。

var 声明的变量可以改变  
在ES3声明常量：将常量的字母都大写  
eg: var BASE\_URL = ‘http://…’  
但其实是修改的，只是告诉不要去改变，其实还是可以被改变  
ES5：  
Object.defineProperty（）  
会直接在一个对象上定义一个新的属性，或者是修改一个对象的现有的属性，并且返回这个子对象

Object.defineProperty(window, 'es', {
    value: 'es6',
    writable: false
    })
    console.log(es)  => es6
    es = 'es2015'
    console.log(es)  => es6
    当前这个值不能被改变

选择window这个全局对象，声明一个不可改变的常量es, 第三个参数是一个对象，我们可以在这个对象里面配置一些参数  
es6 中如何声明常量

const es = 'es6'
     console.log(es)  => es6
     es = 'es2015'
    console.log(es)  => 报错

![在这里插入图片描述][7b1a7f8b9a5d48a0944667474611573a.png]  
通过const声明常量是不能再被赋值的

const es;
    es = 'es6'
    // 报错

所以通过const 声明常量的时候，就要在一开始赋初始值

const 和 var 的区别  
区别一： 命名重复问题

var str = 'es6'
    var str = 'es2015'
    console.log(str)   //  es2015
    // 变量名称重名,没有问题, 后定义会覆盖掉前面定义的。
    const  str = 'es6'
    const  str = 'es2015'
    // 报错
    如下图，常量已经存在，不允许重复声明

![在这里插入图片描述][1c22e7bb13c44a26bef3d9cdc270172b.png]  
区别二：

var str = 'es6'
    console.log(str)  // es6
    console.log(window.str)  // es6
    // 使用var定义的变量，是属于顶层对象window的
    const str = 'es6'
    console.log(str)  // es6
    console.log(window.str)  // undefined
    // 使用const 定义的变量，是不属于顶层对象window的

区别三：const一定要先定义后调用

console.log(str)  // es6
    var str = 'es6'
    // undefined
    // 变量提升，执行到变量的时候会检测变量有没有声明过，如果下面有声明，会把声明提到上面，提前声明
    相当于
    var str ；
    console.log(str)  // es6
    str = 'es6'

console.log(str)  // es6
    const str = 'es6'
    // 报错，如下图
    // 不存在变量提升

![在这里插入图片描述][f49221748937465ea57740517d898b35.png]

if (true) {
    console.log(str)  // es6
    const str = 'es6'
    }
    // 暂时性死区，在声明之前，不能够使用

区别四：const 声明的变量具有块级作用域

if (true) {
    var str = 'es6'
    } 
    console.log(str)  // es6
    // 在作用域外面也可以使用，不存在块级作用域
    if (true) {
    const str = 'es6'
    } 
    console.log(str)  // 报错，如下图

![在这里插入图片描述][e6e1afac6770476aac06f79e444a0daf.png]  
总结const 特点：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAX2RhbGlhbm1pYW8_size_12_color_FFFFFF_t_70_g_se_x_16]

[7b1a7f8b9a5d48a0944667474611573a.png]: /images/20220829/bbc3e11732244ba0b28452056677207f.png
[1c22e7bb13c44a26bef3d9cdc270172b.png]: /images/20220829/6cae00a59ab944a2a274364339c4977e.png
[f49221748937465ea57740517d898b35.png]: /images/20220829/0c10b5b5c9784b9487717a76283b4074.png
[e6e1afac6770476aac06f79e444a0daf.png]: /images/20220829/d312280af21745f1b07784390cfcae50.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAX2RhbGlhbm1pYW8_size_12_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/15b07c3aad824aa79e68fcb7cd1dd76a.png