ES6基础之const声明

Posted 2020-11-07

问题

今天在分析React教程时，观察到如下代码：

class Board extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      squares: Array(9).fill(null),
    };
  }

  handleClick(i) {
    const squares = this.state.squares.slice();
    squares[i] = ‘X‘;
    this.setState({squares: squares});
  }

注意上面handleClick()函数中的第2行，感觉有些奇怪，于是搜索了一下ES6中有关定义，发现mozilla网站有如下描述：

---

**此声明创建一个常量，其作用域可以是全局或本地声明的块。 与var变量不同，全局常量不会变为窗口对象的属性。需要一个常数的初始化器；也就是说，您必须在声明的同一语句中指定它的值（这是有道理的，因为以后不能更改）。

const声明创建一个值的只读引用。但这并不意味着它所持有的值是不可变的，只是变量标识符不能重新分配。例如，在引用内容是对象的情况下，这意味着可以改变对象的内容（例如，其参数）。**

---

准确结论

于是，在ES6中关于const声明准确的使用结论是：

对于简单的值类型变量的声明：
const aa=123;
如果再有声明：
const aa=456;
则出现错误：

但是，根据上面权威描述，对于数组及对象等引用类型，却有：

如果有：
const a=[1,2,3,4,5];
再有：
a[1]=100;
是没有问题的。

类似，如果有：
const MY_OBJECT = {"key": "value"};
再有：
MY_OBJECT.key = "otherValue";
也是OK！

参考：

1，https://www.cnblogs.com/liuhe688/p/5845561.html
2，https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/const