请稍候,加载中....

Javascript const 声明

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 关键字的最低版本号。

Google Chrome Internet Explorer Firefox Safari Opera
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 关键字来重置 varlet关键字声明的变量

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 关键字定义的变量则不可以在使用后声明,也就是变量需要先声明再使用。

查看变量提升


Python学习手册-