在JS中作用域是什么???
何为作用域
任何编程语言都有作用域的概念,简单来说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。
js的作用域是靠函数来形成的,也就是说一个函数的变量在函数外不可以访问。
1全局作用域也就是GO
任何地方都能访问到的对象拥有全局作用域。
1.1函数外面定义的变量拥有全局作用域
var a = 10;
function fun1() {
}
console.log(a);
//这时候的a就是全局变量
1.2未定义直接赋值的变量自动声明为拥有全局作用域
var a = 10;
function fun1() {
b = 10;
}
console.log(b);
//这时候的b也就是全局变量
3.window对象的属性拥有全局作用
2 局部作用域 也就是AO
局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所以在一些地方会把这种作用域成为函数作用域。
var a = 10;
function fun1() {
var a = 20;
var b = 30;
}
console.log(b);
//这时候的函数里面的a , b 就是局部变量
我们了解了 局部和气全局, 那我们怎么理解 GO 和AO呢,我们用图片解释一下它的过程!
main() 就是一个起始,然后这时候我们的变量声明就会提前,而他们的值就如图 为unfdeined, 函数也会提上前
我举一个简单的小例子 如图中一样
console.log();
var a = 10;
//这时候a的输出结果为 undefined;
//以为 声明变量会提前,这段代码实际就是
var a ;
console.log(a);
a = 10;
//这样就很明显可以看到为什么是 undefined
GO 就是 一个全局, 里面的东西大家都可以调用,
AO就是函数里面的 内容`
var a = 10
function fun(){
var b= 20;
a += 10;
console.log(a);
console.log(b);
}
fun();
上面这段代码 a 就是一个全局变量 存在Go中而b就存在函数fun() 的AO中 在fun的AO中没有声明变量 a 怎么办这个时候就会去全局 GO里面去找 有我就拿过来用,所以这个时候 a的输出就是20,
注意这里的不好的地方 全局变量 会被改变,所以尽量不要使用全局变量
回到AO在 函数执行完毕后 AO就会消失, 我们上面代码中的b 也会消失!