本文介绍了ECMAScript6中的块级作用域概念，对比了ES5与ES6在作用域上的差异。重点讨论了var、let和const的区别，强调了let如何限制变量的作用域，而const则用于定义不可变的常量。此外，还探讨了const定义的对象属性可以被修改，因为对象本身是引用类型的情况。
本文属于转载文章
原文链接：https://blog.csdn.net/unionz/article/details/80032048
首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？
ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。
2011 年，ECMAScript 5.1 版发布。之前我们大部分人用的也就是ES5
2015 年 6 月，ECMAScript 6 正式通过，成为国际标准。
1. 块级作用域 {}
ES5 中作用域有：全局作用域、函数作用域。没有块作用域的概念。
ES6 中新增了块级作用域。块作用域由 { } 包括，if语句和 for语句里面的{ }也属于块作用域。
-
<script type=
"text/javascript">
-
-
{
-
var a =
1;
-
console.log(a);
// 1
-
}
-
console.log(a);
// 1
-
// 通过var定义的变量可以跨块作用域访问到。
-
-
(
function A() {
-
var b =
2;
-
console.log(b);
// 2
-
})();
-
// console.log(b); // 报错，
-
// 可见，通过var定义的变量不能跨函数作用域访问到
-
-
if(
true) {
-
var c =
3;
-
}
-
console.log(c);
// 3
-
for(
var i =
0; i <
4; i ++) {
-
var d =
5;
-
};
-
console.log(i);
// 4 (循环结束i已经是4，所以此处i为4)
-
console.log(d);
// 5
-
// if语句和for语句中用var定义的变量可以在外面访问到，
-
// 可见，if语句和for语句属于块作用域，不属于函数作用域。
-
-
</script>
2. var、let、const的区别
- var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。
- let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。
- const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。
-
<script type=
"text/javascript">
-
// 块作用域
-
{
-
var a =
1;
-
let b =
2;
-
const c =
3;
-
// c = 4; // 报错
-
var aa;
-
let bb;
-
// const cc; // 报错
-
console.log(a);
// 1
-
console.log(b);
// 2
-
console.log(c);
// 3
-
console.log(aa);
// undefined
-
console.log(bb);
// undefined
-
}
-
console.log(a);
// 1
-
// console.log(b); // 报错
-
// console.log(c); // 报错
-
-
// 函数作用域
-
(
function A() {
-
var d =
5;
-
let e =
6;
-
const f =
7;
-
console.log(d);
// 5
-
console.log(e);
// 6
-
console.log(f);
// 7
-
-
})();
-
// console.log(d); // 报错
-
// console.log(e); // 报错
-
// console.log(f); // 报错
-
</script>
3. const定义的对象属性是否可以改变
这是今天面试的时候碰到的一个问题，上面说到 const 是不能修改的，于是很痛快的说不能，但是回来实际测试后发现错了，在此记录一下。
-
const person = {
-
name :
'jiuke',
-
sex :
'男'
-
}
-
-
person.name =
'test'
-
-
console.log(person.name)
运行上述代码，发现person对象的name属性确实被修改了，这是怎么回事呢？
因为对象是引用类型的，person中保存的仅是对象的指针，这就意味着，const仅保证指针不发生改变，修改对象的属性不会改变对象的指针，所以是被允许的。也就是说const定义的引用类型只要指针不发生改变，其他的不论如何改变都是允许的。
然后我们试着修改一下指针，让person指向一个新对象，果然报错
-
const person = {
-
name :
'jiuke',
-
sex :
'男'
-
}
-
-
person = {
-
name :
'test',
-
sex :
'男'
-
}
616
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
