ES6基礎之const聲明

問題

今天在分析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