JavaScript 高级

JavaScript 高级

1 JavaScript 中的垃圾回收机制(GC)

1.1 垃圾回收相关概念

① 垃圾:

没有被使用(引用)的对象就是垃圾。

② 垃圾回收:

没有被引用的对象被销毁,内存被释放,即垃圾回收

C、C++等编程语言需要手动垃圾回收。

Java、JavaScript 、PHP、Python 等语言自动垃圾回收。

③ 变量的生命周期(何时回收)

全局变量:整个脚本执行完毕,全局变量就被销毁。

局部变量:函数调用完毕,局部变量就被销毁。

④ 垃圾没有及时回收的后果

没有被及时回收的垃圾会常驻内存,造成内存泄漏

⑤ 垃圾回收的常见算法
1. 引用计数
2. 引用清除

1.2 引用计数(IE9 以及以下)

① 原理
① 每个对象都有一个引用标记,记录引用次数。
② 如果对对象进行引用,引用标记+1
③ 如果取消了对对象的引用,引用标记-1
④ 当对象的引用标记次数为0,就变为垃圾对象,会立即被清除。
② 优缺点
优点:垃圾对象会清除的非常及时。
缺点:如果两个对象互相引用,会造成两个对象常驻内存,造成内存泄漏。

1.3 标记清除(除了IE和新的IE)

① 原理
浏览器会不断的进行垃圾回收的循环,每次循环经历两个阶段:
① 标记阶段:
  从根对象开始,一层一层向下找,对所有的能找到的对象进行标记,有标记的对象称为可到达对象,没有标记的对象就是不可到达对象,也就是垃圾对象。
② 清除阶段:
  线性遍历内存中的所有对象,如果对象没有标记就作为垃圾被清除。清理完垃圾之后,去掉所有对象的标记,继续进行下一轮的标记清除。
② 优缺点
有点:不会造成内存泄漏
缺点:需要进行深度递归遍历,垃圾回收不如引用计数方式更及时。

2 执行上下文和执行栈

2.1 执行上下文

① 全局执行上下文
1. 全局代码正式执行之前,创建全局执行上下文对象,赋值给 window 。
2. 对全局的数据进行预处理
	① 所有使用 var 声明的全局变量进行提升,添加为 window 的属性。
    ② 所有使用 function 关键字声明的函数进行提升,添加为 window 的方法。
	③ 给 this 赋值为 window
3.开始执行全局代码
② 函数内的执行上下文
1.当函数被调用的时候,函数体内的代码执行之前,先创建函数的执行上下文对象
2.对局部的数据进行预处理
  ① 给形参赋值,把形参添加为执行上下文对象的属性。
  ② 给 arguments 赋值,添加为执行上下文对象的属性。
  ③ 对函数内使用 var 声明的变量进行提升,添加为执行上下文对象的属性
  ④ 对函数内使用function 关键字声明的函数进行提升,添加为执行上下文对象的方法。
  ⑤ 给 this 赋值为调用该函数的对象(this 不是执行上下文对象)
3.开始执行函数体的代码

注意:函数每调用一次,就创建一个执行上下文对象!

2.2 执行栈

执行栈也叫调用栈,用于存储代码执行过程中产生的执行上下文对象。

使用经典的数据存储结构,特点是先进后出、后进先出。数据进入栈称为压栈或者进栈,数据移出栈(销毁)称为出栈

1. 代码执行之前,创建一个执行栈对执行上下文对象进行管理。
2. 全局执行上下文对象创建之后,进入执行栈(进栈)
3. 当调用函数的时候,会创建本次函数调用的执行上下文对象,进入栈(进栈)
4. 函数调用结束,本次函数调用的执行上下文对象被销毁(出栈)
5. 最后,栈中只剩全局执行上下文对象,待所有代码执行完毕,出栈。

2.3 作用域和执行上下文的关系

区别:
1.作用域是静态的,变量的作用域只与所在函数声明的位置有关,对在哪里调用无关。
2.执行上下文对象是动态的,每调用一次函数,就创建一个执行上下文对象。

联系:
执行上下文对象也属于所在的作用域。
全局执行上下文  ->   全局作用域
函数的执行上下文   ->    函数的局部作用域

3 闭包

3.1 什么是闭包?

1.闭包:指有权访问另一个函数作用域中的数据。
2MDN 上面这么说:闭包是一种特殊的对象。它由两部分构成:函数,以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。

3.2 如何产生闭包

 // 声明函数 A
function A() {
    // 定义局部变量
    var a = 100;
    var b = 200;

    // 定义函数 B
    function B() {
        return a + b;
    }

    // 把函数返回
    return B;
}

// 调用函数 A 并获取返回值
var fn = A();

// 调用函数 fn
console.log(fn());
1.有函数A,函数A中有自己的作用域的数据, 在函数A 里面定义函数B
2.函数B 中使用函数A 里面的数据
3.函数B 作为 函数 A的返回值,或者让函数B 被其他方式引用,(作为事件的回调函数、赋值给全局变量)

3.3 闭包和作用域

1.函数(函数B)可以访问上层作用域中 (函数A)的数据
2.变量的作用域只与函数声明的位置有关系

3.4 闭包和垃圾回收

1.闭包导致局部变量除了被自己的执行上下文对象引用,还被函数以外的其他函数所引用
2.函数调用结束,局部也不会变为垃圾对象。
3.即:闭包延长了局部变量的生命周期!	

3.5 闭包的缺点

闭包延长了局部变量的生命周期,局部变量常驻内存,有内存泄漏的风险。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值