美文网首页
ES6 const命令

ES6 const命令

作者: 暖A暖 | 来源:发表于2020-10-09 11:24 被阅读0次

    本节我们学习 ES6 中的 const 命令,const 也是 ES6 中新增的一个命令。const 声明一个只读常量,一旦声明常量,就必须立即初始化。改变常量的值或者仅声明但不赋初始值都会报错。

    const声明

    const 声明一个只读的常量,一旦声明,常量的值就不能改变。实际上,不能改动的不是值,而是变量指向的那个内存地址所保存的数据不得改动。

    示例:

    使用 const 命令声明变量其实和 let 的使用方法差不多,例如声明一个常量 a

    const a = 1;
    console.log(a);
    

    常量声明后必须初始化

    const 声明常量后必须立即初始化,不能留到以后赋值。

    示例:
    const a;
    a = 1;
    console.log(a);
    

    报错信息:

    SyntaxError: Missing initializer in const declaration
    

    报错信息提示我们,const 声明中缺少初始值设定项,也就是说没有赋初始值。

    常量声明后不可以改变

    使用 const 命令声明一个常量后,常量的值便不可以改变,否则会报错。

    示例:

    例如声明 a 并将之赋值为 1 之后,修改 a 的值为10:

    const a = 1;
    a = 10; // 常量的值不可改变
    console.log(a);
    

    报错信息如下所示:

    TypeError: Assignment to constant variable.
    

    const的其他特性

    constlet 还是有很多相似点的,例如只在声明所在的块级作用域内有效。

    示例:
    {
        const a = 1;
    }
    console.log(a);
    

    报错信息如下,提示我们 a 没有被声明:

    ReferenceError: a is not defined
    

    除此之外,还有 const 命令声明的常量也是不提升的,同样存在暂时性死区,只能在声明的位置后面使用。

    示例:
    if(true){
        console.log(PI); 
        const PI = 10;
    }
    

    报错信息如下,不能在初始化之前调用常量 PI

    ReferenceError: Cannot access 'PI' before initialization
    

    const 声明的常量,也与 let 一样不可重复声明。

    示例:
    var a = 10;
    let b = 20;
    
    // 以下两行都会报错
    const a = 100;
    const b = 200;
    

    报错信息如下所示:

    SyntaxError: Identifier 'a' has already been declared
    

    const本质

    const 实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。

    • 对于简单类型的数据,例如数值、字符串、布尔值,值就保存在变量指向的那个内存地址,因此等同于常量。
    • 但对于复合类型的数据,例如对象和数组,变量指向的内存地址,保存的只是一个指向实际数据的指针,const 只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。
    示例:

    我们来看下面这个例子:

    const xkd = {};
    
    xkd.prop = 123;
    console.log(xkd.prop);  // 输出:123
    
    
    xkd = {};  // 输出:TypeError: Assignment to constant variable.
    

    上面代码中,常量 xkd 储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把 xkd 指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。

    想看更多可以查看:https://www.9xkd.com/

    相关文章

      网友评论

          本文标题:ES6 const命令

          本文链接:https://www.haomeiwen.com/subject/zyhlpktx.html