原生js的let和var：作用域和作用域链，let声明的全局变量不是window对象的属性

原生js面试题：作用域和作用域链，let声明的全局变量不是window对象的属性

 

JavaScript从入门到精通
专栏收录该内容
146 篇文章28 订阅
订阅专栏

这篇博文是我在心情不好的情况下写的。

一、作用域
作用域，就是变量起作用的区域（范围）。或者说，js代码执行时，查找变量的范围。

ES5及其以前：
JS的变量作用域分为：全局作用域和函数作用域（局部作用域）

 

 

在google的控制台里，可以看到

、用var 声明的变量a1是全局变量，是window对象的属性
、用var声明的变量a2和a3，都是local的作用域

ES6开始有了let关键字后：
变量有了块级作用域，所谓块级作用域中的“块”，表示用 一对花括号括起来的一块代码。

不管是全局作用域，还是函数作用域，其实都是块级作用域，无非是大块还是小块的问题。

 

 

 

 

 

在google的控制台里，我们可以看到，有四个作用域（scope），分别是global（全局）、script（脚本）、local（局部）、block（块级）。

Global作用域里的内容全是window对象的属性。
Script里是v1；
Local（function f1）里是v2
Block里是v3

二、作用域链
作用域链是指：当js编译器在寻找变量时，先在最近的作用域（花括号）里找，如果找不到，则抄上一级作用域（花括号）里找，依次类推，直到找到或者找不到为止。这就是作用域链。

 

 

三、Var定义的全局变量是window的属性，但是let定义定义的全局变量不是window的属性？

 

 

可以看到：

、用var声明的a0，是window对象的属性
、用let声明的v1，属于script的作用域
、用let声明的v2，属于local的作用域
、用let声明的v3，属于block作用域

————————————————
版权声明：本文为CSDN博主「田江」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/jiang7701037/article/details/101314293