详谈JavaScript的闭包及应用-js教程-PHP中文网

详谈JavaScript的闭包及应用

高洛峰

发布： 2017-01-20 11:16:36

原创

1131 人浏览过

闭包真的是学过一遍又一遍，Js博大精深，每次学习都感觉有新的收获。相信在大家封装前端插件时，闭包是必不可少的。闭包的真正好处我个人认为除了封装还是封装，能带个我们私有方法，和调用上的灵活方便，也会使你的代码对外的对象保持干净整洁。

进入正题

维基百科这样定义了JS闭包：在计算机科学中，闭包（英语：Closure），又称词法闭包（Lexical Closure）或函数闭包（function closures），是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。所以，有另一种说法认为闭包是由函数和与其相关的引用环境组合而成的实体。闭包在运行时可以有多个实例，不同的引用环境和相同的函数组合可以产生不同的实例。

通俗的讲，闭包不同于一般函数，它允许一个函数在立即此法调用的作用域外，仍可访问非本地变量。我还想说，闭包的语法让你的代码更加动感，下面的一段代码可能会让你有所感触。

<script>
 (function () {
  var userToken = "this is my token";
  var someConfig = "opening some function";
  var privateValue = "private";
  var publicValue = "public";
  var appObj = {};
  function myPrivateFunc() {
  alert(privateValue)
  }
  appObj.getUserToken = function () {
  //some logic
  userToken += " after some inner logic";
  return userToken;
  }
  appObj.publicVal = publicValue;
  window.application = appObj;
 }());//立即执行
 console.log(application.getUserToken());//this is my token after some inner logic
 console.log(application.publicVal);//public
 console.log(application.privateValue); //undefined
 application.myPrivateFunc(); //error
 </script>

登录后复制

我将appObj附加到window下面，我通常喜欢定义一个全局的名为application的对象，代表着整个应用公用的顶级对象，你可以在其中向外暴露很多公共的操作方法，也可以在其中做一些私有的处理，以防外部调用导致某些问题。在所定义的“顶级”application对象下，你也可以将你所非要不可的全局变量定义在其中，这样以防普通全局变量对应用造成的影响，又可以在你定义的闭包内，通过向外暴露的对象表达更明确的信息，我一直认为，随随便便定义一个JS全局变量实在是太可耻了。

闭包的写法加上VS强大的智能提示，你会感觉到无比的畅快。下面我又附加了一个方法

(function () {
  var baseUrl = "www.cnblogs.com/tdws/";
 
  application.getBaseUrl = function () {
  return baseUrl;
  }
 }());
 console.log(application.getBaseUrl());//www.cnblogs.com/tdws/

登录后复制

详谈JavaScript的闭包及应用