什么是堆栈内存?
没打开一个页面,都会开辟一道进程,进程里面包含很多线程,
JS 是单线程的,在同一时间只能执行一行代码
堆栈内存,储存数据的
基本类型的数据存储到栈内存(stack)中,引用数据类型存储到堆内存(heap)中;[对象、数组,函数
函数作用域是消耗的栈内存;越小浏览器性能越高;
堆内存跟代码的执行环境没有关系;
对象的定义:
1. 去堆内存开辟一个空间地址
2. 把对象中的键值对放在堆内存中
3. 把堆内存中的空间地址赋值给变量
变量和对象的指针存储到了栈内存,当在栈内存中使用这个对象时,通过这个指针找到对应的堆内存地址;
let num = 100;
num++;// 100
let str = "hello";
console.log(str);
let obj = {name:"zhufeng",age:10};
性能优化标记清除和引用计数
标记清除:
1.给每一个空间地址记上标记
2.筛选过滤环境的变量或者被引用的变量去除标记
3.有标记的就被视为被删除的变量
4.浏览器对有标记的进行回收,释放内存
目前浏览器IE 火狐 opera 谷歌大都采用标记清除的方式;
let obj = {class:"14"};// obj 占用了这个空间地址;
let a = obj;
obj=null;//
a=null;
// GC 垃圾回收器: GC每隔一段时间执行一次;
引用计数
1. 对变量被引用一次就会在这个变量计数+1
2. 如果不再引用,那么计数会默认-1;
3. 当该变量计数为0时,浏览器要回收该块的内存;
函数执行的VOAO执行过程:
函数的执行VOAO过程
函数的定义:
1.开辟一个堆内存,对应一个引用的空间地址
把函数体中的代码当做字符串存储到堆内存中
把函数体的空间地址赋值给函数名;
函数调用执行,会引发VOAO:
函数的VO:
1.形成一个上下文的执行环境(栈内存)
2. 初始化作用域链
3. 创建变量函数
4. 初始化arguments对象和参数并赋值
5. 对该上下文中的函数进行声明并且赋值
6. 如果函数名已经出现,那么会把第一次初始的变量进行覆盖
7. 对该上下文的变量进行声明,初始化值是undefined;
8. 如果变量名重复,直接跳过;
9. 确定this的指向;
函数的AO,代码执行如下:
function bar(a) {
// console.log(arguments);
fn();
function fn() {
console.log(100);
}
console.log(fn);
function fn() {
console.log(200);
}
var num =100;
var num =1;
}
bar(1,2,3);
console.dir(bar);
function fn(num) {
console.log(num);
function num() {
}
}
fn(1000)
函数的作用域链
在全局作用域下执行的; f的上一级作用域是谁;
函数的上一级作用域跟函数在哪定义的有关,在哪定义那么上一级作用域就是谁;
f 在fn执行的作用域中开辟的堆内存;f的上一级作用域就是fn执行形成的作用域
当获取变量对应的值时,首先先看自己的作用域有没有,如果没有会向上一级查找,上一级也没有,会继续向上查找,指导找到window为止,如果window也没有,那就会报错;这样一级一级形成就是作用域链;
栈内存回收:
函数执行会形成栈内存(执行上下文)
这个函数执行完成之后,会立即回收;栈内存中存储的值都会回收掉;
代码如下:
function fn(){
let num =100;
}
fn();
这个栈内存是不回收;当关闭页面或浏览器时,回收站内存;
当函数体中返回一个引用的数据类型值时,并且这个引用的地址被外界占用,该栈内存不回收;
闭包: 函数执行中返回一个函数,里面的函数可以访问外界这个函数执行时存储的变量;