ES6中变量声明const不可修改？

川长思鸟来 2023-06-28 09:55 26阅读 0赞

答案当然是：不是。这个问题曾经让我尴尬，这是[w3cschool对let、const的解读][w3cschool_let_const]

## const命令 ##

1，const声明一个只读的常量。一旦声明，常量的值就不能改变。

const PI = 3.1415;
    PI // 3.1415
    
    PI = 3;
    // TypeError: Assignment to constant variable.

2，const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const foo;
    // SyntaxError: Missing initializer in const declaration

3，const的作用域与let命令相同：只在声明所在的块级作用域内有效。

if (true) {
      const MAX = 5;
    }
    
    MAX // Uncaught ReferenceError: MAX is not defined

4，const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

if (true) {
      console.log(MAX); // ReferenceError
      const MAX = 5;
    }

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

var message = "Hello!";
    let age = 25;
    
    // 以下两行都会报错
    const message = "Goodbye!";
    const age = 30;

6，对于复合类型的变量，变量名不指向数据，而是指向数据所在的地址。const命令只是保证变量名指向的地址不变，并不保证该地址的数据不变，所以将一个对象声明为常量必须非常小心。

const foo = {};
    foo.prop = 123;
    
    foo.prop
    // 123
    
    foo = {}; // TypeError: "foo" is read-only

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

下面是另一个例子。

const a = [];
    a.push('Hello'); // 可执行
    a.length = 0;    // 可执行
    a = ['Dave'];    // 报错

上面代码中，常量a是一个数组，这个数组本身是可写的，但是如果将另一个数组赋值给a，就会报错。

重点解读第6点，如果声明的常量是一个复合类型，那么只要不修改这个常量的指向地址，则不会报错，添加删除属性都是ok的

[w3cschool_let_const]: https://www.w3cschool.cn/ecmascript/ueqp1q5g.html

发表评论取消回复

表情：

评论列表（有 0 条评论，26人围观）

还没有评论，来说两句吧...

相关阅读

相关 es6变量声明.let和const的理解

变量声明在JavaScript中声明变量有三个关键字 var是最原始的,那就不必多说了,现在主要说的是let和const这两个关键字来声明变量和var有何不同

秒速五厘米/ 2023年07月18日 05:49/ 0 赞/ 59 阅读

相关 ES6中变量声明const不可修改？

答案当然是：不是。这个问题曾经让我尴尬，这是[w3cschool对let、const的解读][w3cschool_let_const] const命令 1，const声

川长思鸟来/ 2023年06月28日 09:55/ 0 赞/ 27 阅读

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

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

古城微笑少年丶/ 2023年05月22日 06:41/ 0 赞/ 121 阅读

相关 ES6系列之变量声明

在之前的js版本中，声明变量一直都是用var, 这个估计大家都很熟悉了。那么它的作用呢就是用来声明一个变量，比如像这样子： var a = 10 在这里我们就用

秒速五厘米/ 2023年02月21日 14:15/ 0 赞/ 127 阅读

相关 ES6 (一) 变量声明

[1、变量声明–let、coust][1_ _let_coust] [2、顶层对象的属性][2_] [3、 globalThis对象][3_ global

雨点打透心脏的1/2处/ 2022年11月28日 13:29/ 0 赞/ 314 阅读

相关 ES6定义（声明）变量

定义（声明）变量 let命令 1. 基本用法 let用来声明变量，用法类似于var，但是let声明的变量，只有在let

逃离我推掉我的手/ 2022年05月10日 19:54/ 0 赞/ 448 阅读

相关 es6中新增的let、const变量声明

在ES6(ECMAScript 6.0)中，声明变量的方式有三种(在ECMAScript 6.0版本之前只有var一种声明方式): 1. var 2. let 3. c

柔光的暖阳◎/ 2022年03月21日 07:11/ 0 赞/ 861 阅读

相关 ES6的变量声明

在ES5中，变量声明只有var和function以及隐式声明三种，在ES6中则增加了let，const,import和class四种，以下来介绍着七种变量的声明。 var

本是古典何须时尚/ 2021年09月16日 01:22/ 0 赞/ 577 阅读

相关 es6 let、const定义变量

ES6 let、const定义变量 let: 1、用于声明一个变量 2、在块级作用域内有效 3、不能重复声明

谁践踏了优雅/ 2021年07月24日 23:54/ 0 赞/ 566 阅读

相关 ES6 const与let变量

ES6 ES6（[ECMAScript][] 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国

你的名字/ 2021年06月24日 16:11/ 0 赞/ 661 阅读