const 用于声明一个或多个常量,声明时必须进行初始化,且初始化后值不可再修改:
const常量声明
const常量声明实例
<script>
const PI = 3.141592653589793;
PI = 3.14; // 报错
PI = PI + 10; // 报错
</script>
const与let比较
const
定义常量与使用let
定义的变量相似:
- 二者都是块级作用域
- 都不能和它所在作用域内的其他变量或函数拥有相同的名称
两者还有以下两点区别:
const
声明的常量必须初始化,而let
声明的变量不用const
定义常量的值不能通过再赋值修改,也不能再次声明。而let
定义的变量值可以修改。
const 声明的常量必须初始化
// 错误写法
const PI;
PI = 3.14159265359;
// 正确写法
const PI = 3.14159265359;
const 声明的常量属于块级作用域
<script>
var x = 10;
// 这里输出 x 为 10
{
const x = 2;
// 这里输出 x 为 2
}
// 这里输出 x 为 10
document.write(x)
</script>
const引用特性
const 的本质: const 定义的变量并非常量,并非不可变,它定义了一个常量引用一个值。使用 const 定义的对象或者数组,其实是可变的。
常量对象值修改实例
<script>
// 创建常量对象
const car = {type:"Fiat", model:"500", color:"white"};
// 修改属性:
car.color = "red";
// 添加属性
car.owner = "Johnson";
</script>
但是不能对常量对象重新赋值
<script>
// 创建常量对象
const car = {type:"Fiat", model:"500", color:"white"};
car = {type:"Volvo", model:"EX60", color:"red"}; // 错误
</script>
常量数组修改实例
<script>
// 创建常量数组
const cars = ["Saab", "Volvo", "BMW"];
// 修改元素
cars[0] = "Toyota";
// 添加元素
cars.push("Audi");
</script>
同样不能对常量数组重新赋值
<script>
// 创建常量数组
const cars = ["Saab", "Volvo", "BMW"];
// 修改元素
cars = ["Toyota", "Volvo", "Audi"]; // 错误
</script>
浏览器支持
Internet Explorer 10 及更早版本的浏览器不支持 const 关键字。
下表列出了各个浏览器支持 const 关键字的最低版本号。
Chrome 49 | IE / Edge 11 | Firefox 36 | Safari 10 | Opera 36 |
Mar, 2016 | Oct, 2013 | Feb, 2015 | Sep, 2016 | Mar, 2016 |
重置 const 变量
重置 const 变量实例 1
在相同的作用域或块级作用域中,不能使用 const 关键字来重置 var 和 let关键字声明的变量
var x = 2; // 合法
const x = 2; // 不合法
{
let x = 2; // 合法
const x = 2; // 不合法
}
重置 const 变量实例 2
在相同的作用域或块级作用域中,不能重置 const 关键字声明的变量:
const x = 2; // 合法
const x = 3; // 不合法
x = 3; // 不合法
var x = 3; // 不合法
let x = 3; // 不合法
同一块级作用域内
{
const x = 2; // 合法
const x = 3; // 不合法
x = 3; // 不合法
var x = 3; // 不合法
let x = 3; // 不合法
}
重置 const 变量实例 3
const 关键字在不同作用域,或不同块级作用域中是可以重新声明赋值的:
const x = 2; // 合法
{
const x = 3; // 合法
}
{
const x = 4; // 合法
}
变量提升
const 关键字定义的变量则不可以在使用后声明,也就是变量需要先声明再使用。
讨论区