全局作用域中，用 const 和 let 声明的变量不在 window 上，那到底在哪里？如何去获取？

一、全局作用域中，用const和let声明的变量去哪了？

【1.1】在ES5中，全局变量直接挂载到全局对象的属性上，所以能在window上看到var命令和function命令声明的全局变量

var a = 10;
function f(){};

console.log(window.a); // 10
console.log(window.f); // f(){}

【1.2】在ES6中，全局对象的属性和全局变量脱钩，但是为了保持兼容性，旧的不变，所以var、function声明的全局变量依然可以在window对象上看到，而let、const声明的全局变量在window对象上看不到

let a = 1;
const b = 2;

console.log(window.a); // undefined
console.log(window.b); // undefined

【1.3】通过在设置断点，看看浏览器是怎么处理的

​

通过上图也可以看到，在全局作用域中，用 let 和 const 声明的全局变量并没有在全局对象中，只是一个块级作用域（Script）中。那要怎么获取呢？在定义变量的块级作用域中就能获取啊，既然不属于顶层对象Window，那就不加 window（global），直接访问即可。

let aa = 11; 
let bb = 22; 
const cc = 33;

console.log(aa); // 11 
console.log(bb); // 22
console.log(cc); // 33

二、扩展： let、const 以及 var 的区别是什么？

1. let 和 const 定义的变量不会出现变量提升，而 var 定义的变量会提升。
2. let 和 const 是JS中的块级作用域
3. let 和 const 不允许重复声明(会抛出错误)
4. let 和 const 定义的变量在定义语句之前，如果使用会抛出错误(形成了暂时性死区)，而 var 不会。
5. const 声明一个只读的常量。一旦声明，常量的值就不能改变(如果声明是一个对象，那么不能改变的是对象的引用地址)
6. let/const 也存在变量声明提升，只是没有初始化分配内存。 一个变量有三个操作，声明(提到作用域顶部)，初始化(赋默认值)，赋值(继续赋值)
7. let 是一开始变量声明提升，然后没有初始化分配内存，代码执行到那行初始化，之后对变量继续操作是赋值。因为没有初始化分配内存，所以会报错，这是暂时性死区

文章每周持续更新，可以微信搜索「 前端大集锦 」第一时间阅读，回复【视频】【书籍】领取200G视频资料和30本PDF书籍资料

​