# 变量对象
变量对象是与执行上下文相关的数据作用域,存储了在上下文中定义的变量和函数声明。
全局上下文中的变量对象就是全局对象
## 函数上下文
在函数上下文中,我们用活动对象(activation object, AO)来表示变量对象。
只有到当进入一个执行上下文中,这个执行上下文的变量对象才会被激活,所以才叫 activation object 呐,而只有被激活的变量对象,也就是活动对象上的各种属性才能被访问。
## 执行过程
执行上下文的代码会分成两个阶段进行处理:分析和执行,我们也可以叫做:
1. 进入执行上下文
2. 代码执行
### 进入执行上下文
当进入执行上下文时,这时候还没有执行代码,
变量对象会包括:
1. 函数的所有形参 (如果是函数上下文)
* 由名称和对应值组成的一个变量对象的属性被创建
* 没有实参,属性值设为 undefined
2. 函数声明
* 由名称和对应值(函数对象(function-object))组成一个变量对象的属性被创建
* 如果变量对象已经存在相同名称的属性,则完全替换这个属性
3. 变量声明
* 由名称和对应值(undefined)组成一个变量对象的属性被创建;
* 如果变量名称跟已经声明的形式参数或函数相同,则变量声明不会干扰已经存在的这类属性
例如
```
function foo(a) {
var b = 2;
function c() {}
var d = function() {};
b = 3;
}
foo(1);
```
在进入执行上下文后,这时候的 AO 是:
```
AO = {
arguments : {
0: 1,
length: 1
},
a: 1,
b: undefined,
c: reference to function c(){},
d: undefined
}
```
### 代码执行
在代码执行阶段,会顺序执行代码,根据代码,修改变量对象的值
还是上面的例子,当代码执行完后,这时候的 AO 是:
```
AO = {
arguments : {
0: 1,
length: 1****
},
a: 1,
b: 3,
c: reference to function c(){},
d: reference to FunctionExpression "d"
}
```
到这里变量对象的创建过程就介绍完了,让我们简洁的总结我们上述所说:
1. 全局上下文的变量对象初始化是全局对象
2. 函数上下文的变量对象初始化只包括 Arguments 对象
3. 在进入执行上下文时会给变量对象添加形参、函数声明、变量声明等初始的属性值
4. 在代码执行阶段,会再次修改变量对象的属性值
```
console.log(foo);
function foo(){
console.log("foo");
}
var foo = 1;
```
会打印函数,而不是 undefined 。
**这是因为在进入执行上下文时,首先会处理函数声明,其次会处理变量声明,如果如果变量名称跟已经声明的形式参数或函数相同,则变量声明不会干扰已经存在的这类属性。**
- 笔记内容来源
- 你不知道的JavaScript上
- vue
- 环境搭建
- node和npm安装配置
- 安装vue-cli并初始化vue项目
- 安装配置elementUI
- vuex安装配置
- axios安装配置
- main.js
- vue基础入门
- vue-router介绍
- vuex
- vue 原理学习源码学习
- js正则处理v-bind和语法
- 双向绑定
- 虚拟dom
- mvvm和render函数
- vue工作项目笔记
- elementUI 表格分页多选记忆功能
- elementUI表格展开一行
- keepAlive
- vue整合ckeditor5
- this.$router.push 内打开新窗口
- java修改上传图片的权限
- 兼容ie11
- 生成二维码
- base64图片下载(兼容IE10)
- vue新手引导程序intro.js
- vue插件 devtools
- vue刷新当前页面
- vue 锚点导航
- axios
- axios与springmvc
- vue-cli 3搭建vue
- git
- git常用命令
- 正则表达式
- 实例demo
- 1
- 新手引导页
- 纯css3从左显示下划线动画导航菜单
- 纯css3从中间显示下划线动画导航菜单
- css显示密码
- 倒计时时钟
- 星星评分
- 按钮悬停效果
- 步骤条
- css动画按钮
- input标题获得焦点上移
- css图片放大
- css镜像导航栏
- js
- 通信
- for in 和 for of
- 前端安全问题
- Promise
- 掘金冴羽学习笔记
- 模拟call
- 模拟bind
- 闭包
- 1 作用域
- 2 执行上下文栈
- 3 变量对象
- 4 作用域链
- 5 this
- 面向对象
- 基础知识点
- 渲染机制
- 其他
- 判断是否为数组
- http
- css
- 基础知识
- css阴影