js进阶-es6-作用域-垃圾回收机制-闭包-变量提升

1.作用域

作���域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问。

（）

作用域分为：局部作用域 全局作用域

1.1 局部作用域

局部作用域分为函数作用域和块作用域

（）

1.函数作用域 ： 在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。

2.块作用域： 在JavaScript中使用{}包裹的代码称为代码块，代码块内部声明的变量外部将【有可能】无法被访问。

总结：

1.let声明的变量会产生块作用域，var不会产生块作用域

2.const声明的常量也会产生块作用域

3.不同代码块之间的变量无法互相访问

4.推荐使用let或const

1.2 全局作用域

script标签 和.js文件的【最外层】就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。全局作用域中声明的变量，任何其它作用域都可以被访问

注意：

1.为window对象动态添加的属性默认也是全局的，不推荐！

2.函数中未使用任何关键字声明的变量为全局变量，不推荐！！！

3.尽可能少的声明全局变量，防止全局变量被污染

1.3作用域链

作用域链本质上是底层的变量查找机制

在函数被执行时，会优先查找当前函数作用域中查找变量

如果当前作用域查找不到则会依次逐级查找父级作用域直到全局作用域

总结：

1.嵌套关系的作用域串联起来形成了作用域链

2.相同作用域链中按着从小到大的规则查找变量

3.子作用域能够访问父作用域，父级作用域无法访问子级作用域

1.4 JS垃圾回收机制

1.什么是垃圾回收机制？

垃圾回收机制(GarbageCollection) 简称GC

JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。

正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题

但如果不了解JS的内存管理机制，我们同样非常容易成内存泄漏（内存无法被回收）的情况不再用到的内存，没有及时释放，就叫做内存泄漏

2.内存的生命周期

JS环境中分配的内存,一般有如下生命周期：

1.内存分配：当我们声明变量、函数、对象的时候，系统会自动为他们分配内存

2.内存使用：即读写内存，也就是使用变量、函数等

3.内存回收：使用完毕，由垃圾回收自动回收不再使用的内存

说明：

全局变量一般不会回收(关闭页面回收)；

一般情况下局部变量的值,不用了,会被自动回收掉

1.5 JS垃圾回收机制-算法说明

堆栈空间分配区别：

1.栈（操作系统）:由操作系统自动分配释放函数的参数值、局部变量等，基本数据类型放到栈里面。

2.堆（操作系统）:一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。复杂数据类型放到堆里面。

两种常见的浏览器垃圾回收算法:引用计数法和标记清除法

• 引用计数法

  IE采用的引用计数算法,定义“内存不再使用”，就是看一个对象是否有指向它的引用，没有引用了就回收对象算法：

  1.跟踪记录被引用的次数

  2.如果被引用了一次，那么就记录次数1,多次引用会累加++

  3.如果减少一个引用就减1 –

  4.如果引用次数是0，则释放内存

  但它却存在一个致命的问题：嵌套引用（循环引用）

  如果两个对象相互引用，尽管他们已不再使用，垃圾回收器不会进行回收，导致内存泄露

  因为他们的引用次数永远不会是0。这样的相互引用如果说很大量的存在就会导致大量的内存泄露

  • 标记清除法

    现代的浏览器已经不再使用引用计数算法了。

    现代浏览器通用的大多是基于标记清除算法的某些改进算法，总体思想都是一致的。

    核心：

    1.标记清除算法将“不再使用的对象”定义为“无法达到的对象”。

    2.就是从根部（在JS中就是全局对象）出发定时扫描内存中的对象。凡是能从根部到达的对象，都是还需要使用的。

    3.那些无法由根部出发触及到的对象被标记为不再使用，稍后进行回收。

    1.标记清除法核心思路是什么？

    从根部扫描对象，能查找到的就是使用的，查找不到的就要回收

    1.6 闭包

    概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域

    简单理解：闭包= 内层函数+外层函数的变量

        function outer() {      let a = 100      return function () {        console.log(a)      }    }    const fun = outer()    fun() // 调用函数

    1.7 变量提升

    变量提升是JavaScript中比较“奇怪”的现象，它允许在变量声明之前即被访问（仅存在于var声明变量）

    1. 把所有var声明的变量提升到 当前作用域的最前面
    2. 只提升声明， 不提升赋值

    注意：

    1.变量在未声明即被访问时会报语法错误

    2.变量在var声明之前即被访问，变量的值为undefined

    3.let/const声明的变量不存在变量提升

    4.变量提升出现在相同作用域当中

    5.实际开发中推荐先声明再访问变量

    console.log(num + '件')  // undefined    var num = 10    console.log(num)  // 10

    1.7 函数提升

    1. 会把所有函数声明提升到当前作用域的最前面
    2. 只提升函数声明，不提升函数调用

    fn()    function fn() { //函数声明式      console.log('函数提升')    }// 函数表达式 必须先声明和赋值， 后调用 否则 报错