JavaScript作用域与作用域链---kalrry
一、作用域与作用域链
1. 什么是作用域?
就是变量起作用的区域或范围,准确点说就是javascript代码执行之前会查找并确定变量的作用区域或范围。
⭕️ 在ES5及以前:
javascript的变量作用域分为:全局作用域和局部作用域,(局部作用域也可以理解为函数作用域,就是变量定义在函数内部,只在函数内部起作用)
如上图:在控制台里面可以看到:
1.用var声明的变量a1是全局变量,是window对象的属性
2.用var声明的变量a2和a3都是local局部作用域
⭕️ 从ES6开始有了let关键字后:
变量有了块级作用域,所谓块级作用域的块,就是用一对花括号括起来的一块代码。其实不管是全局作用域还是局部作用域(函数作用域),无非就是大块小块的问题。
如上图:在控制台里,我们可以看到有四个作用域(scope),分别是global(全局)、script(脚本)、local(局部)、block(块级)
1.Global作用域里面的内容全是window对象的属性
2.script里面是v1
3.local(function)里面是v2
4.block里面是v3
二、作用域链
作用域链是指当js编辑器在寻找变量时,先在最近的作用域(花括号)里寻找,如果找不到则向上一级花括号里面寻找,依次类推,直到找到或者找不到为止,这就是作用域链。
三、var和let定义全局变量的区别
Var定义的全局变量是window的属性,但是let定义的是全局变量不是window的属性
由上图可以看到:
1.用var声明的变量a0是window对象的属性
2.用let声明的v1属于script的作用域
3.用let声明的v2属于local的作用域
4.用let声明的v3属于block作用域