标签：上下文 函数 对象 高级 js window 全局 执行

1、代码分类(位置)

全局代码
函数(局部)代码

2、全局执行上下文对象

①在执行全局代码前将window确定为全局执行上下文对象(全局执行上下文对象每次执行js代码只存着一个)

②对全局数据进行预处理
*var定义的全局变量 = =>undefind，添加为window的属性。
*function声明的全局函数 = =>赋值(fun)，添加为window的方法。先执行变量提升再执行函数提升。
*this = =>赋值(window)。

③开始执行全局代码

全局执行上下文对象
console.log(a1);//相当于从全局上下文window里找a1，也就是window.a1
var a1=3;

a2();//相当于从全局上下文window里找a2，也就是window.a2();

function a2(){
    	console.log(555);
}

3、函数执行上下文对象

①在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象(该对象是临时的，虚拟的，放在栈里的，在函数被调用时才创建，是栈单独给它划了一小块封闭的空间，这个空间就称为对象，只不过这个对象是存着栈的，而且里面存的是函数的形参，局部变量，参数列表等，外部是无法访问这个区域的数据的，而且函数调用完毕，该区域自动清除消失)。函数执行上下文对象只有在函数被调用时才会被创建。

②对局部数据进行预处理
*形参变量= =>赋值(实参)= =>添加为函数执行上下文对象
*arguments= =>赋值(参数列表)，添加为函数执行上下文对象的属性。
*var定义的局部变量= =>undefind，添加为函数执行上下文对象的属性。
*function声明的函数= =>赋值(fun)，添加为函数执行上下文对象的方法。
*this= =>赋值(调用函数的对象)

③开始执行函数体代码

 function fn(a1){
    	
    	//函数这里能访问的有
    	console.log(a1);
    	console.log(a2);
    	a3();
    	console.log(this);
    	console.log(arguments);//伪数组
    	
    	var a2=3;
    	
    	function a3(){
    		console.log(555)
    	}
    	
    }
    
    
    fn(2,3)

标签：上下文,函数,对象,高级,js,window,全局,执行
来源： https://www.cnblogs.com/vertain/p/16269784.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。