JS回顾-闭包01

时隔多天，我又准备更新我得文章了。

最近看了很多浏览器相关知识，就想系统的总结下学到的知识点。
总结下最近看到知识点吧。

之前一直觉得写闭包容易造成内存泄漏，就一直回避这个问题。觉得不写我一样能完成预期的功能，后来才知道闭包对于性能优化是很有帮助的，或者说想要更上一层楼，这个问题也是绕不开的。

先说说定义吧：
阮一峰：闭包就是能够读取其他函数内部变量的函数
百度：官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
《你不知道的JS》一句话总结闭包：对函数外层的变量持有访问权。详见《你不知道的JS》。
。。。

我也不知道该怎么回答这个问题，暂时就拿阮一峰的解释为准。
两个点：
1. 是个函数
2 能读到其他函数内容变量

   function f1(){
　　　　var n=999;
　　　　nAdd=function(){n+=1}
　　　　function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var result=f1();
　　result(); // 999
　　nAdd();
　　result(); // 1000

注意这里没有用到 “use strict“。所以nAdd不会报错，反而他会在window作用域上赋值一个变量，也就是全局变量。
这里的f2就是一个闭包函数，他是函数也能访问到其他函数内部。执行结果，result()时候实际执行的是返回的f2函数，能访问到f1内部的变量，n是999。nAdd执行时候导致n变为100，再次执行时候result()自然就是100.

缺点：

从这里就可以看到一个问题，由于返回的f2函数要使用f1的内部作用域变量n,导致n始终存留在内存中，不会被垃圾回收机制回收，当然如果此时还有f1内部还有其他变量，同样也是不会被销毁的，即使闭包函数f2没有使用---(闭包会引用外部函数的整个活动对象，这种机制可能会导致保存多余的变量而造成内存浪费)，这里存在争议，也有人说---(理论上不回收抄。因为闭包中的变量不会被回收这是闭包的特性之袭一。
但是实际上不同的浏览器实现的可能不一样。一些高端浏览器如果确认这个变量没有且不会再被使用百的话，也可能将其回收。)链接，所以建议是退出函数执行时，将不使用的局部变量删除掉。

再看一个例子:

原文链接
版权声明：本文为CSDN博主「去门口罚站」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

function Outer() {
  var obj = {};
  obj.id = '12345678';
  obj.name = 'aha';
  // ... 假设经过很多处理过程，最后obj上带有很多属性
  return function() {
    return obj.id;
  };
}

这里的obj始终保留在内存中，但是值引用了id一个属性，假如obj还有其他一堆属性，就难免很浪费，所以就会有如下写法。

版权声明：本文为CSDN博主「去门口罚站」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接

function AnotherOuter() {
  var obj = {};
  obj.id = '12345678';
  obj.name = 'aha';
  // ... 假设经过很多处理过程，最后obj上带有很多属性
  var id = obj.id;
  obj = null;
  return function() {
    return id;
  };
}

还有一点2.

闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

例如以下例子，改变了父函数的属性

var name = "The Window";

var object = {
    name: "My Object",

    getNameFunc: function() {
        this.name = "mine";
        return function() {
            return this.name;
        };
    }
};
console.log(object.getNameFunc()()); // The Window 
console.log(object.name) // mine

再看一个例子

var name = "The Window";

var object = {
    name: "My Object",
    getNameFunc: function() {
        var that = this;
        return function() {
            return that.name;
        };
    }
};
alert(object.getNameFunc()()); // My Object

参考链接如下：
[JavaScript高级]闭包的概念及其应用
JavaScript闭包的原理与缺陷
学习Javascript闭包（Closure）