一. 作用域
JavaScript作用域是什么?
作用域指的就是变量存在的范围
我们的作用域又分成了全局作用域和局部作用域两块
现在我们说一说怎么分别认知:
局部变量是只能在函数内部操作,而我们的局部作用域也是一样的。全局作用域在整个程序中一直存在,所有地方都可以读取。
局部作用域只能在函数内部存在。
在大多数的语言中都是用花括号{ }来形成一个作用域
{
int a=2
}
但是在我们JavaScript中{ }是不能形成作用域的,需要靠函数来形成。
1. 我们看一段代码:
function fn() {
var a= '您好';
console.log(a);
}//输出 您好 在控制台
fn()
在函数执行后,输出了a变量,a变量是我们定义在fn函数里的。
2. 再看一段代码:
var b='您好';
function fn() {
console.log(b);
}//输出 您好 在控制台
fn()
这段代码并没有在内部定义变量,它为首先在fn函数中查找a这个变量,查找不到就会跳到自己的上层(全局)来查找到变量b。
二. 作用域链
//继续看这个代码
var b='您好';
function fn() {
console.log(b);
}//输出 您好 在控制台
fn()
我们控制台输出b这个变量,需要首先找到var b;首先它会在自己的函数区域中查找,如果找不到就会去往自己的上层。
//再看一个代码
var a = 1
function fn1(){
function fn2(){
console.log(a)
}
function fn3(){
var a = 4
fn2()
}
var b= 2
return fn3
}
var fn = fn1()
fn() //输出1
这段代码首先fn2 console.log(a) 变量a输出到控制台,我们首先在fn2中查找变量a,没有?我们往上层查找到fn1中没有变量a? 那我们再往上到全局属性后查找到var a = 1 ; 找到后输出1。
总结一下:
- 函数在执行的过程中会先从自己的内部查找变量
- 如果找不到再从当前创建函数的所在作用域去找,以此往上
- 如果查找到后就会立即停止
- 如果在全局作用域还没找到的话,就会报错:ReferenceError: 某变量 is not defined
以上是我对作用域和作用域链的理解,有不足之处请多见谅