ES6学习笔记（一）——作用域（闭包）

        作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问，作用域分为：局部作用域、全局作用域。

一、局部作用域

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

1.1 函数作用域：

        在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。

总结：

        函数内部声明的变量，在函数外部无法被访问

        函数的参数也是函数内部的局部变量

        不同函数内部声明的变量无法互相访问

        函数执行完毕后，函数内部的变量实际被清空了

1.2 块作用域：

       在 JavaScript 中使用 { } 包裹的代码称为代码块，代码块内部声明的变量外部将【有可能】无法被访问。
总结：
        let 声明的变量会产生块作用域，var 不会产生块作用域
        const 声明的常量也会产生块作用域
        不同代码块之间的变量无法互相访问
        推荐使用 let 或 const

二、全局作用域

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

        全局作用域中声明的变量，任何其它作用域都可以被访问

注意：

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

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

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

function fn() {
    num = 10     
}
fn()
console.log(num)    //10

三、作用域链

        作用域链本质上是底层的变量查找机制。
        在函数被执行时，会优先查找当前函数作用域中查找变量。
        如果当前作用域查找不到则会依次逐级查找父级作用域直到全局作用域。
总结：
        嵌套关系的作用域串联起来形成了作用域链
        相同作用域链中按着从小到大的规则查找变量
        子作用域能够访问父作用域，父级作用域无法访问子级作用域

四、JS垃圾回收机制

4.1 什么是垃圾回收机制？

        垃圾回收机制(Garbage Collection) 简称 GC
        JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。
        正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题。
        但如果不了解JS的内存管理机制，我们同样非常容易成内存泄漏（内存无法被回收）的情况
        不再用到的内存，没有及时释放，就叫做内存泄漏

4.2 内存的生命周期

JS环境中分配的内存，一般有如下生命周期：
        内存分配：当我们声明变量、函数、对象的时候，系统会自动为他们分配内存
        内存使用：即读写内存，也就是使用变量、函数等
        内存回收：使用完毕，由垃圾回收自动回收不再使用的内存
        说明：
                全局变量一般不会回收(关闭页面回收)；
                一般情况下局部变量的值,，不用了，会被自动回收掉

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

堆栈空间分配区别：

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

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

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

引用计数

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

算法：

        跟踪记录被 引用的次数

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

        如果减少一个引用就 减1 --

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

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

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

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

标记清除法

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

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

核心：

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

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

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

五、闭包

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

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

闭包作用：封闭数据，提供操作，外部也可以访问函数内部的变量

闭包可能引起的问题：内存泄漏

六、变量提升

        变量提升是 JavaScript 中比较“奇怪”的现象，它允许在变量声明之前即被访问（仅存在于var声明变量）
注意：
        变量在未声明即被访问时会报语法错误
        变量在var声明之前即被访问，变量的值为 undefined
        let/const 声明的变量不存在变量提升
        变量提升出现在相同作用域当中
        实际开发中推荐先声明再访问变量

console.log(num)  //undefined
var num = 10
以上代码相当于做了下面的操作：
var num
console.log(num) 
num = 10

        JS初学者经常花很多时间才能习惯变量提升，还经常出现一些意想不到的bug，正因为如此，ES6 引入了块级作用域，用let 或者 const声明变量，让代码写法更加规范和人性化。