javascript高级（八）执行上下文

谁借莪１个温暖的怀抱￠ 2021-12-18 17:55 289阅读 0赞

## 执行上下文 ##

## 1、代码分类： ##

*全局代码
    *局部（函数）代码

## 2、全局执行上下文 ##

> *在执行全局代码前将\*\*window确定为*全局执行过上下文\*\*\*  
> \*对全局数据进行**预处理**（收集数据）

*  \*\*var 定义全局变量===》undefined，添加为window的属性
 *  \*\*function 声明全局函数===》赋值（fun），添加为window的方法
 *  \*\*this===》赋值（window）

> \*上面三个保存到window，开始执行全局代码

## 3、函数执行上下文 ##

\*在调用函数，准备**执行函数体之前**，创建**对应的函数执行上下文对象**（虚拟的,存在于栈）  
\*对局部数据进行预处理

*  \*\*\*形参变量==》赋值（实参）===》添加为执行上下文的属性
 *  \*\*\*arguments===》赋值（实参列表），添加为执行上下文的属性
 *  \*\*\*var定义的局部变量===》undefined，添加为执行上下文的属性
 *  \*\*\*function声明函数===》赋值（fun），添加为执行上下文的方法
 *      ***this====》赋值（调用函数的对象）

## 开始执行函数体代码 ##

（  
意味着要**查找变量**，在哪里查找变量？  
**执行上下文**去查  
）

/**全局执行上下文*/
        c=3;//不是用var的，不会被收集为全局执行上下文
        console.log(a1, window.a1);//undefined undefined
        a2();
        console.log('a2()执行第一次');
        window.a2();
        console.log('a2()执行第二次');
        console.log(this);//window
        var a1 = 3;
    
        function a2() { 
        }//设置断点在33/38/40，调试得知，直接会跳过这个函数的声明
        console.log(a1);//3
    
        /**函数执行上下文*/
        console.log('------------------');
        function fn(a1) { 
            console.log(a1);//2
            console.log(a2);//undefined
            a3();//a3()
            console.log(this);//window
            console.log(arguments);//伪数组[2,3]
            var a2 = 5;
    
            function a3() { 
                console.log('funn()');
            }
        }
    
        fn(2,3);