作用域、变量、闭包，this指向，及垃圾回收机制与内存泄漏-CFANZ编程社区

1. 作用域

作用域就是一个变量可以使用的范围，主要分为全局作用域和函数作用域和块级作用域（es6新增）

全局作用域：Js中最外层的作用域

函数作用域：js通过函数创建的一个独立作用域，函数可以嵌套，所以作用域也可以嵌套

块级作用域：Es6中新增，由大括号包裹，比如：if(){}, for(){} function等

2. 自由变量与作用域链

自由变量：在当前作用域被使用，但是没有被定义的变量，被称作自由变量

作用域链：一个变量在当前作用域没有定义，但是被使用了，就会向上级作用域，一层一层依次查找，直至找到为止，如果全局作用域都没有找到这个变量就会报错。这个自由变量查找的过程就是作用域链

注意：函数中的自由变量取决于函数定义的位置，与执行的位置无关。

3. 变量的提升（预解析）

js在运行之前，会把所有带有var或function的变量与函数提升至当前作用域的最上方

var只提升变量，不提升赋值，而function提升整个函数体

注意：function的优先级比var要高

4. 闭包

函数中套了一个函数，内层函数可以访问外层函数中的变量

闭包的分类：

1 函数做为参数被传递

2 函数做为返回值被返出

闭包的运用场景

1 封装对象的私有属性和方法，用于隐藏数据，做一个简单的缓存工具

2 做为回调函数使用

3 利用闭包实现函数的防抖，节流

防抖：例如一个倒计时，被连续点击时，关闭上一个倒计时，重新开启一个新的倒计时

节流：例如一个倒计时，被连续点击时，规定时间内，无论点击多少次，只触发一次

优点：闭包因为长期驻扎在内存中。可以重复使用变量，不会造成变量污染

缺点：闭包会使函数中的变量都被保存在内存中，内存消耗很大，滥用闭包，会造成网页的性能问题，可能会导致内存泄露

解决方法：在退出函数之前，将不使用的变量全部删除

5. this指向

this指向什么值，是在执行的时候确定的，与定义的位置无关，箭头函数除外

常用的调用场景

普通函数	指向当前调用它的对象（默认为window）
构造函数与class类	指向当前的实例化对象
对象方法的调用	指向调用该方法的对象
箭头函数	指向函数声明所在的对象，与其他的不同，其他的是在调用时，箭头函数则是在声明时
定时器（特殊例子）	指向window（默认), 但是如果内部函数为箭头函数，则指向箭头函数声明时坐在的对象

总结：

普通函数中调用，this指向window
对象方法中调用，this指向当前对象
call apply bind中调用， this指向被传入的对象
class中的方法中调用， this指向实例对象
箭头函数，this就是父级上下文中的this

修改this指向

call

多个参数，

第一个参数就是要修改的this指向，其他参数是以散落的形式给调用该方法的函数传递参数

Game.call(this , '王者荣耀', '手游')

apply

两个参数

第一个参数就是要修改的this指向，第二个参数是以数组的形式给调用该方法的函数传递参数
Game.apply(this, ['王者荣耀', '手游'])

bind

一个参数，就是要修改的this指向

返回值是调用该方法的函数本身函数需要再次调用才会执行，传递参数可以在函数调用时传递
Game.bind(this)('王者荣耀', '手游')

垃圾回收机制与内存泄漏

垃圾回收机制

浏览器的js具有自动垃圾回收机制（GC），执行环境会管理代码在执行中所使用的内存，垃圾回收器会定期寻找不再使用的变量，释放其内存，垃圾回收器会按照时间间隔周期性的执行。

变量的死亡

全局作用域内的变量，会在关闭浏览器关闭页面时结束，被垃圾回收期回收

函数级与块级作用域内的变量，只有在函数执行的过程中存在，函数执行完毕，垃圾回收器回收释放

闭包内，因为内部函数使用外部函数变量的原因，它内部的变量，永远不会结束、

判别变量是否还有用的两种方式：

1. 标记清除（常用）

垃圾回收器在运行的时候会给存储在内存中的所有变量都加上标记。当一个变量进入环境时，就将这个变量标记为“进入环境”，而当变量离开环境时，则将其标记为“离开环境”。垃圾收集器下次运行时，就会把所有标为离开环境的变量回收释放。


function test(){
var a = 10 ;        
var b = 20 ;      
}
// 在调用该函数时，内部的变量会标记为进入环境
test();            
// 函数执行完毕之后 a、b又被标离开环境，被回收。

2. 引用计数

跟踪记录每个值别引用的次数，当声明了一个变量，并将一个引用类型的值赋给该变量时，那这个值的引用次数就是1，而这个值再被赋值给另一个变量，那这个值的引用次数+1，相反，如果包含这个值的变量，获取了另外的值，那这个值的引用次数-1，当这个值的引用次数为0时，垃圾回收器下次运行时，就会把这个值回收释放。


function test() {
    var a = {};    // a指向对象的引用次数为1
    var b = a;     // a指向对象的引用次数加1，为2
    var c = a;     // a指向对象的引用次数再加1，为3
    var b = {};    // a指向对象的引用次数减1，为2
}