执行上下文

什么是 DOM 和 BOM？

• DOM 指的是文档对象模型，它指的是把文档当做一个对象，这个对象主要定义了处理网页内容的方法和接口。
• BOM 指的是浏览器对象模型，它指的是把浏览器当做一个对象来对待，这个对象主要定义了与浏览器进行交互的法和接口。BOM的核心是 window，而 window 对象具有双重角色，它既是通过 js 访问浏览器窗口的一个接口，又是一个 Global（全局）对象。这意味着在网页中定义的任何对象，变量和函数，都作为全局对象的一个属性或者方法存在。window 对象含有 location 对象、navigator 对象、screen 对象等子对象，并且 DOM 的最根本的对象 document 对象也是 BOM 的 window 对象的子对象。

1.代码分类（位置）

        *全局代码

        *函数（局部）代码

2.全局执行上下文

        *在执行全局代码前将window确定为全局执行上下文

        *对全局数据进行预处理

                *var定义的全局变量==>undefined，添加为window的属性

                *function声明的全局函数==>赋值（fun），添加为window的方法

                *this==>赋值（window）

3.函数执行上下文

        *在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象

        *对局部数据进行预处理

                *形参变量==>赋值（实参）==>添加为执行上下文的属性

                *arguments==>赋值（实参列表），添加为执行上下文的属性

                *var定义的局部变量==>undefined，添加为执行上下文的属性

                *function声明的函数==>赋值（fun），添加为执行上下文的方法

                *this==>赋值（调用函数的对象）

        *开始执行函数体代码