javascript块级作用域处理闭包和释放内存的垃圾回收

内容

平时编写代码的时候很少关注细节，对javascript深层也没具体了解，下面针对平时写代码的形式分析、调整完善自己的代码，这里以一个简单例子分析js作用域和垃圾回收机制，通过块级作用域处理一些细节，提升自己代码性能。

普通案例

在日常中最常见的代码编写方式:

function do(arg) {
    // 做一些事情
}
var doFunc = {...}

do(doFunc);

var btn = document.getElementById( "my_button" );
btn.addEventListener( "click", function click(evt){
    console.log("button clicked");
});

这样编写形式的代码很多，很多时候在编写的时候也没留意这些问题，功能倒是能实现，代码量少的时候没事，但是当代码量大，事关代码性能，那就是两码事了。

简单分析

这里可以看到btn的点击事件和doFunc根本没什么关系。这意味着从理论上讲，在 do(..) 运行之后，这个消耗巨大内存的数据结构可以被作为垃圾回收。然而，JS引擎很可能（虽然这要看具体实现）将会仍然将这个结构保持一段时间，因为click函数在整个作用域上拥有一个闭包。

处理方法

在日常编写代码中巧用块儿作用域可以解决这个问题，我们主动让js引擎清楚的知道它不必要再保存doFunc。

function do(arg) {
    // 做一些事情
}
{
    let doFunc = {...}
    
    do(doFunc);
}

var btn = document.getElementById( "my_button" );
btn.addEventListener( "click", function click(evt){
    console.log("button clicked");
});