js作用域与预编译


在js引擎脚本中,解析脚本的分为预编译和执行,首先语法分析,在没有错误情况下再预编译,然后在从上至下执行代码,最后要了解作用域,作用域为,全局作用域和局部作用域

预编译
主要分为全局预编译和函数预编译

1、函数预编译(发生在函数执行前一刻)
分4个步骤:

  1. 创建(Activation Object)AO对象
  2. 找形参和变量声明,将变量和形参作为属性名,属性值为undefined
  3. 将实参和形参统一;
  4. 在函数里面找关键字函数或者变量声明,作为AO对象的属性名,属性值为函数体
    最后执行函数:
    ex:
          function test(a){
	         var c= 10;
	          arguments[0] = 16
	          console.log(a)  //16
	          function a (){}
	          console.log(a)  //16
	          console.log(c) //10
        }
        test(12)
     //生成的函数AO对象如下:
     AO{
	         c:10
	         a:函数a()的函数体
      }

2、全局预编译
全局预编译分为两步:

1.生成全局对象:(Global Object) GO = { };

2.找变量声明和关键字函数,将变量名和函数名作为GO的属性,变量声明的属性值为undefined,关键字函数的属性值为函数体;
ex:

			var num  =  123;
			function  test(){
				x = 452;
				console.log(c)   //undefined 
				var  a = 10 ;
				c =  13;
				console.log(a)  //10
			}
			var c;
			test();

			//生成的函数GO对象如下:
			GO{
				num : 123;
				c:13;
				x : 452;
				test: 函数体
			}

函数的权限大于变量,当同名时函数会覆盖变量,不关前后出现顺序;

作用域链

Js中函数自身也是个对象,函数对象自身有一个属性scope,scope中存储着函数执行期上下文对象的集合,这个对象成链式链接,这也就是函数的作用域链。

全局函数在声明提升时将全局的GO放入自己的scope,然后执行时放入自己的AO。

局部函数在声明提升时先将父级的scope放入自身的scope中,然后在执行时将自己的AO放入scope。注意对象的存储是堆存储,指向关系,内存中GO只有一个,函数及子函数指向GO只是在栈中创造空间,将GO的索引存入。子函数存储父级的scope也相同。函数执行完成后销毁自身的执行期上下文AO,但是声明提升时放入scope中的内容并不会销毁。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值