ES6 - const命令

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_44198965/article/details/100748010

基本用法

const 声明一个只读的常量,一旦声明,常量的值就不能改变。

// 声明并打印
const a = true;
console.log(a)

// 改变a的值
a = false
console.log(a)//Uncaught TypeError: Assignment to constant variable.

可以看到,当更改 a 的值后在打印,抛出了错误。


(1)const 声明的变量不得改变值,这意味着,const 一旦声明变量,就必须立即初始化,不能留到以后赋值:

const b;
//Uncaught SyntaxError: Missing initializer in const declaration

上面代码表示,对于const来说,只声明不赋值,就会报错!


(2)const 的作用域与 let 命令相同:只在声明所在的块级作用域内有效:

if(1){
  const a = true
}

console.log(a)//Uncaught ReferenceError: a is not defined

(3)const 命令与 let 相同,声明的常量也是不提升,存在暂时性死区,只能在声明的位置后面使用:

// var
if(true){
  console.log(a)//undefined
  var a = 10
  console.log(a)//10
}

// const
if(1){
  console.log(b)//Uncaught ReferenceError: Cannot access 'b' before initialization
  const b = 10
  console.log(b)//Uncaught ReferenceError: Cannot access 'b' before initialization
}

第一个错误:常量 b 在未声明前就被调用,所以报错。
第二个错误:const 不存在变量的提升,所以报错。


(4)const 声明的常量,也与 let 一样不可重复声明:

var message = "Hello!";
let age = 25;

// 以下两行都会报错
const message = "Goodbye!";
const age = 30;

本质

const实际上保证的并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针。

const 只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了,因此将一个对象声明为常量必须非常小心。

// 常量对象
const person = {}

// 添加属性及值(正常)
person.i = 1
console.log(person.i)//1

// 将 person 指向另一个对象(报错)
var person = {}
//Uncaught SyntaxError: Identifier 'person' has already been declared

上面代码中,常量 person 储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把 person 指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。


(1)一个例子:

// 常量数组
const a = []

// 添加
a.push('new')
console.log(a[0])//new

// 把另一个数组赋给常量数组a
a = [1,2]
//Uncaught TypeError: Assignment to constant variable.

上面代码中,常量 a 是一个数组,这个数组本身是可写的,但是如果将其他数组赋值给 a ,就会报错。

以上问题,可以通过对象冻结来解决,具体请访问:https://blog.csdn.net/weixin_44198965/article/details/101213877

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/100748010
今日推荐