const
Constants (常數) 有點像使用
let
所宣告的變數,具有區塊可視範圍。常數不能重複指定值,也不能重複宣告。嘗試一下
語法
const name1 = value1 [, name2 = value2 [, ... [, nameN = valueN]]];
nameN
-
常數的名稱,可以是任何合法的 identifier。
valueN
-
常數的值,可以是任何合法的 expression,包括 function expression。
描述
上述宣告建立一個常數,它的可視範圍可能是全域的,或是在它所宣告的區域區塊中。 和 var
變數不同的是,全域的常數不會變成 window 物件的屬性。常數必須要初始化;也就是說,你必須在宣告常數的同一個敘述式中指定這個常數的值。(這很合理,因為稍後就不能再變更常數的值了)
宣告 const
會對於它的值建立一個唯讀的參考。並不是說這個值不可變更,而是這個變數不能再一次指定值。例如,假設常數的內容(值)是個物件,那麼此物件的內容(物件的參數)是可以更改的。
所有關於 "temporal dead zone" 的狀況,都適用於 let
and const
。
在相同的可視範圍內,常數不能和函數,變數具有相同名稱。
範例
以下範例展示常數的行為。請在你的瀏覽器中試試以下程式碼。
js
// 注意: 常數可以宣告成大寫或小寫,
// 但習慣上使用全部大寫的字母。
// 定義一個常數 MY_FAV 並賦予它的值為7
const MY_FAV = 7;
// 這裡會發生錯誤 - Uncaught TypeError: Assignment to constant variable.
MY_FAV = 20;
// MY_FAV 是 7
console.log('我喜歡的數字是: ' + MY_FAV);
// 嘗試重複宣告同名的常數,將會發生錯誤 - Uncaught SyntaxError: Identifier 'MY_FAV' has already been declared
const MY_FAV = 20;
// MY_FAV 這個名稱已經保留給上面的常數, 所以這裡也會錯誤。
var MY_FAV = 20;
// 這式子也會錯誤
let MY_FAV = 20;
// 很重要,請注意區塊可視範圍的特性。
if (MY_FAV === 7) {
// 以下式子沒有問題,並且會建立一個名叫 MY_FAV 的具有區塊可視範圍的變數。
// (等同於使用 let 來宣告一個具有區塊可視範圍的非常數變數。)
let MY_FAV = 20;
// MY_FAV 現在變成 20
console.log('我喜歡的數字是:' + MY_FAV);
// 這會將變數懸掛於全域,而導致錯誤。(與常數同名)
var MY_FAV = 20;
}
// MY_FAV 仍然是 7
console.log('我喜歡的數字是:' + MY_FAV);
// 發生錯誤 - Uncaught SyntaxError: Missing initializer in const declaration
const FOO;
// 常數的值可以是一個物件
const MY_OBJECT = {'key': 'value'};
// 嘗試覆寫該物件將會發生錯誤 - Uncaught TypeError: Assignment to constant variable.
MY_OBJECT = {'OTHER_KEY': 'value'};
// 然而, 物件的屬性並沒有被保護,
// 所以,以下敘述式沒有問題。
MY_OBJECT.key = 'otherValue'; // Use Object.freeze() to make object immutable
// 對陣列來說也是一樣
const MY_ARRAY = [];
// 可以把項目加到陣列中。
MY_ARRAY.push('A'); // ["A"]
// 然而,對這個變數指定新陣列,將會發生錯誤 - Uncaught TypeError: Assignment to constant variable.
MY_ARRAY = ['B'];
規範
Specification |
---|
ECMAScript Language Specification # sec-let-and-const-declarations |
瀏覽器相容性
BCD tables only load in the browser