如何理解作用域链

在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 也会消失!
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值