[Node.js] 闭包和高阶函数.docVIP

[Node.js] 闭包和高阶函数 原文地址：http://www.moye.me/2014/12/29/closure_higher-order-function/ 引子 最近发现一个问题：一部分写JS的人，其实对于函数式编程的概念并不是太了解。如下的代码片断，常常让他们觉得不可思议： OAuth2Stotype.authCodeGrant = function (check) { var self = this; return function (req, res, next) { new AuthCodeGrant(self, req, res, next, check); }; }; 上述片断来自开源项目node-oauth2-server，这个authCodeGrant原型函数涉及到JS编程中经常用到的两个概念：闭包 和 高阶函数（check变量在这个函数中被闭包，authCodeGrant能返回函数，因此是一个高阶函数。 闭包 闭包就是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。 如何来理解这个自由变量呢？ 自由变量是指在函数中使用的，但既不是函数参数也不是函数的局部变量的变量 什么样的变量是自由变量呢？如下片断中的freeVar对inner()来说就是个自由变量： function wrapper() { var freeVar = 42; function inner() { return 2 * freeVar; } return inner; } 自由变量在闭包生成之前，并不是函数的一部分。在函数被调用时，闭包才会形成，函数将这个自由变量纳入自己的作用域，也就是说，自由变量从此与定义它的容器无关，以函数被调用那一刻为时间点，成为函数Context中的成员。 来看一个困惑前端的示例，循环添加事件： lt;buttongt;第1条记录lt;/buttongt; lt;buttongt;第2条记录lt;/buttongt; lt;buttongt;第3条记录lt;/buttongt; lt;buttongt;第4条记录lt;/buttongt; lt;buttongt;第5条记录lt;/buttongt; lt;buttongt;第6条记录lt;/buttongt; lt;script type=text/javascriptgt; var buttonst_obj = document.getElementsByTagName(button); for (var i = 0, len = buttonst_obj.length; i lt; len; i++) { buttonst_obj[i].onclick = function() { alert(i); }; } lt;/scriptgt; 上述片断的结果是：每个Button弹出的都是6。因为没有形成有效的闭包，因为闭包是有延迟求值特性的，所以在函数得到执行时，i === 6。 如果我们将它改成这样，i 做为外层函数的参数而被内层函数闭包，结果也是我们想要的： var buttonst_obj = document.getElementsByTagName(button); for (var i = 0, len = buttonst_obj.length; i lt; len; i++) { buttonst_obj[i].onclick = clickEvent(i); } function clickEvent(i){ return function () { console.log(i); } } Why？ 因为这个clickEvent(i) 高阶函数，它将 i 作为自由变量（注意：i 并不是内函数的参数，也不是内函数的一部分）传递，在 click 时闭包已经形成并被传递。 闭包的作用域 虽然自由变量从闭包时起 ldquo;将和这个函数一同存在，即使已经离开了创造它的环境也不例外rdquo;，但我们必须搞清楚，闭包产生时的作用域，看个例子： var scope = global; function echo(){ console.log(scope); } function wrapper(){ var scope = inner; echo(); } echo(); // 输出global wrapper(); // 输出global 为什么在wrapper内部的echo()调用，会输出全局scope？因为：echo定义的位置，只能闭包到全局的