数据、变量、内存

1. 数据

• 在内存中代表特定信息的东东，本质是010101

2. 内存

• 内存条通电后产生的可存储数据的空间（临时的）
• 只有内存存储的对象才会用地址数据，否则直接用存储的数据
• 内存分类--栈、堆
• 栈存储全局变量、局部变量
• 堆存储 对象

3. 变量

• 可变化的量，又变量名和变量值组成，每个变量都对应一块小内存，变量名用来查找对应的内存

4. 三者关系

• 内存是用来存储数据的空间
• 变量是内存的标识

5. 函数调用

• 在函数中调用变量，是值（基本值/地址值）的传递，并非引用的传递

var a=3
function fn(a){
	a=a+1
}
fn(a)
console.log(a)//a=3
//调用只是把变量a的值传递并以参数a的名称参与，对原变量无影响
var obj={name:'zx'}
function fn2(obj){
	obj.name='ls'
}
fn2(obj)
console.log(obj.name)//ls
//此处传的是地址值，都指向同一个对象

6.JS引擎如何管理内存

• 内存生命周期

1.分配小内存空间，得到使用权
2.存储数据，反复进行操作
3.释放小内存空间

• 释放内存

1.局部变量：函数执行完自动释放
2.对象：成为垃圾对象=>由垃圾回收器回收

对象

1. 什么是对象

• 多个数据的封装体
• 用来保存多个数据的容器
• 一个对象代表现实中的一个事物

2. 为啥用对象

• 统一管理多个数据

3. 对象的组成

• 属性
• 方法 4.内部数据的访问
• .属性名：编码简单，有时不能用
• ['属性名']：编码复杂，能通用

1.属性名包含特殊字符 - 空格
2.属性名不确定

函数

1. 如何定义

• 函数声明
• 表达式

2. 如何调用

• test()直接调用
• obj.test()通过对象调用
• new test() new调用
• test.call/apply(obj):obj.test()

3. 回调函数

• 定义了没有调动却执行了 4.常见的回调函数
• dom事件回调函数
• 定时器回调函数

1.超时定时器 setTimeout
2.循环定时器

• ajax请求回调函数
• 生命周期回调函数

5. IIFE(立即调用函数)

• 隐藏实现
• 不会污染外部（全局）命名空间

6. this

• this是所有函数内部都有的一个变量
• this 的值是调用函数的当前对象，若没有指定就是window

原型与原型链

1. prototype

• 每个函数都有一个prototype属性，它指向一个Object空对象(原型对象)
• 原型对象中有一个属性constructor,它指向函数对象
• 给原型对象添加属性，该对象所有实例自动拥有原型中的属性

2. 显式原型和隐式原型

• 每个函数都有一个prototype属性，即显式原型
• 每个实例对象都有一个__proto__，可称为隐式原型
• 实例对象的隐式原型的值为其对应的构造函数的显式原型的值

3. 原型链

• 访问一个对象的属性时，先在自身属性中查找，找到就返回
• 如果没有，沿着__proto__这条线向上查找，找到返回
• 如果最终没有找到，返回Undefined
• 别名隐式原型链，作用是查找对象的属性
• 原型链的尽头是Object的原型对象，__proto__为null
• Function 的隐式原型和显式原型是同一个
• 所有函数的隐式原型都是一样的

4. 原型链特征

• 函数的显式原型指向的对象默认是空Object实例（除Object）
• 所有函数都是Function的实例（包含Functio n）
• Object的实例对象是原型链尽头，因为他的隐式原型是NULL
• 函数实例不能查找Function的原型链
• 函数对象能够查找Function的原型链

1.实例原型是Object
2.函数对象原型也是Object
区别
1=>Fn prototype=>Object prototype
2=>Function prototype=>Object prototype

5. 原型链属性问题

• 读取对象属性时，会自动到原型链中查找
• 设置对象的属性值时，不会到原型链，如果当前对象没有属性，直接添加并赋值
• 方法一般定义在原型中，属性一般通过构造函数定义在对象本身上

6. instanceof(A instanceof B)

• 如果B函数的显式原型对象在A对象的原型链上，返回true,否则返回false
• Function 通过new自己产生的实例

变量提升与函数提升

1. 变量提升

• 通过var定义的变量，在定义语句之前就可以访问到
• 值为undefined

2. 函数提升

• 通过function声明的函数，在声明之前就可以调用
• 值为函数定义（对象）

执行上下文

1. 全局执行上下文

• 在执行全局代码前将window确定为全局执行上下文
• 对全局数据进行预处理

var定义的全局变量==>undefiend,添加为window属性
function声明的全局函数==>赋值，添加为window属性
this==>赋值（window）

• 开始执行全局代码

2. 函数执行上下文

• 对局部数据进行预处理

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

• 开始执行函数体代码

3. 执行上下文栈

• 在全局代码执行前，js引擎会创建一个栈来存储管理所有的执行上下文对象
• 在全局执行上下文确定后，将其添加到栈中（压栈）
• 在函数执行上下文确定后，将其添加到栈中（压栈）
• 在当前函数执行完成后，将栈顶的对象移除（出栈）
• 在所有代码执行完成后，栈中只剩下window