js的const作用域探讨

js的const变量作用域探讨

const声明的是常量，此前一直没有太关注作用域的问题，某次debug时发现了新世界。下面进行测试举例说明：

测试一下作用域

const tempStore = 8+7;
console.log(tempStore);
for(let i=1;i<5;++i ){
  const tempStore = i;
  console.log(tempStore);
}
console.log(tempStore);

上述的输出结果（手头没有搭建环境的各位可以用在线js试一试）为

15
1
2
3
4
15

我们可以看到for循环的每一次都能声明const类型的tempStore变量并赋上不同的值。而在for循环外的值没有受到影响。
这似乎是因为const仅对当前所在{}区域起作用，对子区域和父区域没有声明限制作用，继续测试

测试一下声明与使用：

子代码域{}内访问其值

const tempStore = 8+7;
console.log(tempStore);
for(let i=1;i<5;++i ){
  console.log(tempStore);
}
console.log(tempStore);

这样不会报错，所有输出均为15

子代码域{}内先输出后声明

const tempStore = 8+7;
console.log(tempStore);
for(let i=1;i<10;++i ){
  console.log(tempStore);
  const tempStore = i;
}

这样会报错

ReferenceError: Cannot access 'tempStore' before initialization

父代码域{}内使用其循环条件值

for(let i=1;i<10;++i ){
  const tempStore = i;
  console.log(tempStore);
}
console.log(i);

这样会报错

ReferenceError: i is not defined

父代码域{}内使用其值

for(let i=1;i<10;++i ){
  const tempStore = i;
}
console.log(tempStore);

这样会报错

ReferenceError: tempStore is not defined

同一代码域内声明两次

const tempStore = 8+7;
for(let i=1;i<10;++i ){
  const tempStore = i;
}
const tempStore = 1;
console.log(tempStore);

这样会报错

Cannot redeclare block-scoped variable "tempStore"

结论

js的const仅对其当前代码域{}起作用，对其父区域{}不起作用（会表现为xxx is not defined）；其子区域{}内可以直接使用其值，也可以重新声明并赋值同名const变量（但先使用其值再重新声明赋值是不行的，会表现为Cannot access xxx before initialization），并且如果子区域是个循环体，每一次循环都可以赋上不同的值。

欢迎补充