const也可以作為塊級變量
ECMAScript 2015 (ES6)
2015 年,JavaScript 引入了一個重要的新關鍵字:const。
使用 const 聲明數組已成為一種常見做法:
實例
const cars = ["Saab", "Volvo", "BMW"];
無法重新賦值
用 const 聲明的數組不能重新賦值:
實例
const cars = ["Saab", "Volvo", "BMW"]; cars = ["Toyota", "Volvo", "Audi"]; // ERROR
數組不是常量
關鍵字 const 有一定誤導性。
它不定義常量數組。它定義的是對數組的常量引用。
因此,我們仍然可以更改常量數組的元素。
元素可以重新賦值
您可以更改常量數組的元素:
實例
// 您可以創建常量數組: const cars = ["Saab", "Volvo", "BMW"]; // 您可以更改元素: cars[0] = "Toyota"; // 您可以添加元素: cars.push("Audi");
const 塊作用域
用 const 聲明的數組具有塊作用域。
在塊中聲明的數組與在塊外聲明的數組不同:
實例
const cars = ["Saab", "Volvo", "BMW"]; // 此處 cars[0] 為 "Saab" { const cars = ["Toyota", "Volvo", "BMW"]; // 此處 cars[0] 為 "Toyota" } // 此處 cars[0] 為 "Saab"
用 var 聲明的數組沒有塊作用域:
實例
var cars = ["Saab", "Volvo", "BMW"]; // 此處 cars[0] 為 "Saab" { var cars = ["Toyota", "Volvo", "BMW"]; // 此處 cars[0] 為 "Toyota" } // 此處 cars[0] 為 "Toyota"
您可以在以下章節中學習更多關於塊作用域的內容:JavaScript 作用域。
重新聲明數組
在程序中的任何位置都允許用 var 重新聲明數組:
實例
var cars = ["Volvo", "BMW"]; // 允許 var cars = ["Toyota", "BMW"]; // 允許 cars = ["Volvo", "Saab"]; // 允許
不允許在同一作用域或同一塊中將數組重新聲明或重新賦值給 const:
實例
var cars = ["Volvo", "BMW"]; // 允許 const cars = ["Volvo", "BMW"]; // 不允許 { var cars = ["Volvo", "BMW"]; // 允許 const cars = ["Volvo", "BMW"]; // 不允許 }
不允許在同一作用域或同一塊中重新聲明或重新賦值現有的 const 數組:
實例
const cars = ["Volvo", "BMW"]; // 允許 const cars = ["Volvo", "BMW"]; // 不允許 var cars = ["Volvo", "BMW"]; // 不允許 cars = ["Volvo", "BMW"]; // 不允許 { const cars = ["Volvo", "BMW"]; // 允許 const cars = ["Volvo", "BMW"]; // 不允許 var cars = ["Volvo", "BMW"]; // 不允許 cars = ["Volvo", "BMW"]; // 不允許 }
允許在另一個作用域或另一個塊中使用 const 重新聲明數組:
實例
const cars = ["Volvo", "BMW"]; // 允許 { const cars = ["Volvo", "BMW"]; // 允許 } { const cars = ["Volvo", "BMW"]; // 允許 }
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 類方法</h1>
<p>將參數傳遞給 "age()" 方法。</p>
<p id="demo"></p>
<script>
class Car {
constructor(name, year) {
this.name = name;
this.year = year;
}
age(x) {
return x - this.year;
}
}
let date = new Date();
let year = date.getFullYear();
let myCar = new Car("Ford", 2014);
document.getElementById("demo").innerHTML=
"My car is " + myCar.age(year) + " years old.";
</script>
</body>
</html>
_