javascript - 两种函数写法的区别

Question

看到一个答案（原答案链接）说下面两种写法的意义截然不同。比较困惑这两种写法到底有什么不同，第一种写法看起来复杂一些，添加一个中间函数c的意义是什么？

第一种写法：

<code>function a(){

    var b = {};

    function c(){
        return b;
    }

    return c;
}
</code>

第二种写法：

<code>function c(b){
    return b;
}
</code>

Answer 1

这个其实就是闭包的运用了。可以看看我刚总结的文章：闭包

你可以说他们没区别，因为它们实现的效果都相同；
你也可以说它们有区别，而且却别很大！因为它们实现的过程看起来会专业一些，用的好则提高代码质量和性能。具体来看下吧：

<code>function a(){

    var b = {};

    function c(){
        return b;
    }

    return c;
}
</code>

这种方式其实就是运用闭包实现的封装的形式，b成为了局部变量，减少了全局变量的污染，如果变量多的话，性能也是有提升的；如果你要修改b只能通过c方法，如果里面有其他重要数据，从而保证了数据的安全性！

但是这种方式也存在很大弊端，就是会引起内存泄漏：

<code>var d = a();
</code>

这样的话，只要我不手动清除d的引用，则变量b会一直占据内存空间，直至浏览器关闭，这就引起了内存泄露了。当然如果你后面的代码不需要用到d了：

<code> d = null;
</code>

这样就解决内存泄露问题了。

至于第二种写法的，没有太大的问题，主要是封装性不够，就比如你要写一个轮播插件，那你可能就要在其他地方定义很多的方法和属性了。不方便管理维护，同时也增加了很多其他作用域内的变量。

Answer 2

第一种创建了一个闭包，即函数c可以访问其被声明时所处的上下文a中的变量b，同时在函数a外，无法访问到b，起到了私有变量的作用

比如：

<code>function factory() {
  var items = [1,2,3,4,5], i = 0;
  return function() {
      return items[i++];
  }
}

var next = factory();
console.log(next());  // 1
console.log(next());  // 2

// 这里无法直接获取items
</code>

Answer 3

我再补充个有意思的：

<code>function foo(){

var n = 0;
    return function(){
        n = n + 1;
        return n * n;
    }
}

var next = foo();
for(var i = 0;i<10;i++){
    console.log(next());
}

// 1
// 4
// 9
// 16
// 25
// 36
// 49
// 64
// 81
// 100
</code>

用闭包实现柯里化