JavaScript 代码运行前的预处理-执行上下文对象

先看一段代码：

console.log(a); //在变量a定义之前，直接输出a，输出a的值是多少？会有报错吗？
var a = 1;
console.log(a); //定义之后，肯定会正常输出a的值

来看一下结果：

看到这小伙伴们是否有疑问，在变量a定义之前，进行打印a的操作，竟然没有报错，输出的结果是undefined，这是为什么呢？我们学习js的时候，知道变量未定义是不能直接使用的，如下图，那么这个地方为什么没有报错呢？

很多编程语言在执行代码之前会进行代码的预处理，同样js亦是如此。在代码执行之前，会有一个执行上下文对象，在这个过程中会预先对代码进行处理，根据代码种类的不同，映射出两种不同的执行上下文对象：

1. 代码分类或执行上下文的种类

• 全局代码 -------->>全局执行上下文
• 局部代码/函数码 -------->>函数执行上下文

2. 全局执行上下文-全局代码的执行处理

1. 在全局代码执行之前，会有一个执行上下文对象，这个对象被称之为“全局上下文”对象，这个对象是真实存在的，对应的是Window对象;
2. 在全局代码执行之前会进行代码的预处理，包括：

• 找到var对应的变量，并将其赋值为undefined，添加该变量为window对象。（其实不是赋值，window中添加该变量较为准确）
• 找到function声明的全局函数，并且赋值为函数地址，并添加为window的全局方法
• 将this赋值为window

3. ==>执行全局代码

3.函数执行上下文-函数代码的执行处理

1. 在调用函数时，执行函数之前会创建函数执行上下文对象，这个对象是虚拟的，存在于栈当中
2. 在函数体执行之前，进行函数数据的预处理

• 将函数的形参赋值为实参，并添加到上下文对象的属性当中
• 将arguments赋值为实参列表，添加到函数执行上下文属性当中
  -找到var声明的变量，并将其添加到函数执行上下文对象当中
  -将内部function声明的函数赋值为fun，添加到上下文对象当中
• 将this赋值为调用该函数的对象

3. ==>执行函数代码