JS-函数(作用域,作用域链)

首先来了解几个基本概念
1.有些属性是我们无法访问的,JS引擎内部固有的隐式属性(比如:scope)
2.函数创建时,生成的一个JS内部的隐式属性
3.函数存储作用域链的容器,作用域链
4.AO:函数的执行期上下文
GO:全局的执行期上下文
5.函数执行完成以后,AO是要销毁的
6.AO是一个即时的存储容器

从下面一段代码咱们分析一下这个函数的作用域和作用域链。

<script>
        function a(){
            function b(){
                var b = 2;
            }
            var a = 1;
            b();
        }
        var c = 3;
        a();
    </script>
function a(){}
var c = 3;

在这里插入图片描述

当a函数被定义时,系统自动生成[[scope]]属性,[[]scope]]保存该函数的作用域链,该作用域链的第0位存储当前环境下的全局执行期上下文GO,GO里存储全局下的所有对象,其中包含a和全局变量c。

function a(){
	function b(){}
	var a = 1;
}
var c = 3;
a();

在这里插入图片描述

当a函数被执行时(前一刻,预编译时),作用域链的顶端(第0位)存储a函数生成的函数执行期上下文AO,同时第1位存储GO。查找变量是a函数存储的作用域链中从顶端开始依次向下查找。

function a(){
	function b(){}
	var a = 1;
}
var c = 3;
a(); 

在这里插入图片描述

当b函数被定义时,是在a函数环境下,所以b函数这时的作用域链就是a函数被执行期的作用域链。

function a(){
	function b(){
		var b = 2;
	}
	var a = 1;
	b();
}
var c = 3;
a();

在这里插入图片描述
在这里插入图片描述

当b函数被执行时(前一刻),生成函数b的[[scope]],存储函数b的作用域链,顶端第0位存储b函数的AO,a函数的AO和全局的GO依次向下排列。

function a(){
	function b(){
		var b = 2;
	}
	var a = 1;
	b();
}
var c = 3;
a();

在这里插入图片描述
在这里插入图片描述

当b函数被执行结束后,b函数的AO被销毁,回归被定义时的状态。

function a(){
	function b(){}
	var a = 1;
}
var c = 3;
a();

在这里插入图片描述
在这里插入图片描述

当a函数被执行结束时,a函数的AO被销毁的同时,b函数的[[scope]]也将不存在。a函数回归到被定义时的状态。

function a(){}
var c = 3;

在这里插入图片描述

最后 ,返回到a函数被定义时的状态。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值