常见面试题JavaScript闭包（ES5语法）

JavaScript闭包（Closure）是常见的JS面试题，是否理解闭包是一个简单的区分JS初级和高级程序员的判例。

几乎每个JS程序员都在使用闭包，有意或无意间。比如编写一个jQuery鼠标点击处理函数：

$(function() {
  var option;
  $(".scssbox").click(function() { // 闭包，该闭包同时也是一个匿名函数
    option = scss; // 闭包可以访问和改变其外部函数（包含函数）中的变量
  });
}

什么是闭包

“闭包”实际上就是一个函数，该函数被定义在一个包容（外部）函数的内部，并能够访问外部函数的变量，即使外部函数已返回。

这种外部变量访问能力不是通过数值拷贝传递，而是通过引用（Reference）传递的，因此闭包可以读取并改变外部变量的取值。

function Name (firstName, lastName) {
  var nameIntro = "Your name is ";
  // 该内部函数能访问外部函数中定义的变量，以及参数
  function makeFullName () {        
    return nameIntro + firstName + " " + lastName;    
  }

  return makeFullName ();
}

console.log( Name("Michael", "Jordan") ); // Your name is Michael Jordan

注意：上述代码中的闭包不能被公开函数（public function）所调用，另外闭包不能访问外部函数的arguments变量。所谓公开函数指的是通过原型（prototype）扩展来定义的对象函数。

为什么需要闭包

闭包的好处是可以方便的完成外部函数对象的某些特定功能。

我们可以类比C++等其他面向对象的语言，访问控制是面向对象语言的一个基本特征，

而通过闭包，我们可以在JS语言中实现对象私有成员函数（private member function）和授权函数的功能。

闭包的陷阱

由于闭包能够修改外部函数变量，如果不小心，可能会产生一些比较隐蔽的问题：

function Member(users) {
    var i;
    var uniqueID = 100;
    for (i = 0; i < users.length; i++) {
        users[i]["id"] = function() {
            return uniqueID + i;
        }
    }

    return users;
}

var users = [{
    name: "Ryan",
    id: 0
}, {
    name: "Mike",
    id: 0
}, {
    name: "Mark",
    id: 0
}];

var members = Member(users);

var rid = members[0];
console.log(rid.id()); // 103

上面的代码本来是想给3个用户分别分配唯一成员编号100、101、102，但实际上都是103。

原因就是在调用Member函数并返回后，i已经被修改为3，那么当再次调用闭包函数获取唯一编号时就已经是103。

你可以自己在线试试看。