javascript笔记之匿名函数和闭包

本文介绍了js匿名函数和闭包的相关内容，供大家参考，具体内容如下

匿名函数

<script type="text/javascript"> 
 //function(){}//会报错 
 var fun = function(){};//将匿名函数赋值给变量 
 
 (function(){})();//匿名函数自执行 
 
 function(){ 
 return function(){};//函数里的匿名函数 
 } 
</script> 

闭包

闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的常见的方式，就是在一个函数内部创建另一个函数，通过另一个函数访问这个函数的局部变量

<script type="text/javascript"> 
 //通过闭包可以返回局部变量 
 function box() { 
 var user = 'Lee'; 
 return function () { //通过匿名函数返回box()局部变量 
  return user; 
 }; 
 } 
 console.log(box()());  //通过box()()来直接调用匿名函数返回值 
 var b = box(); 
 console.log(b());  //另一种调用匿名函数返回值 
 
 //通过闭包可以实现局部变量的累加 
 function box() { 
 var age = 100; 
 return function () { 
  age ++; 
  return age; 
 } 
 } 
 var b = box();  //获得函数 
 console.log(b());  //调用匿名函数 
 console.log(b());  //第二次调用匿名函数，实现累加 
</script> 

使用闭包有一个优点，也是它的缺点：就是可以把局部变量驻留在内存中，可以避免使用全局变量。(全局变量污染导致应用程序不可预测性，每个模块都可调用必将引来灾难，所以推荐使用私有的，封装的局部变量)。由于闭包里作用域返回的局部变量资源不会被立刻销毁回收，所以可能会占用更多的内存。过度使用闭包会导致性能下降，建议在非常有必要的时候才使用闭包。

循环里的闭包

<script type="text/javascript"> 
 function box() { 
 var arr = []; 
 
 for (var i = 0; i < 5; i++) { 
  arr[i] = function () { 
  return i; 
  }; 
 } 
 return arr; 
 } 
 
 var b = box();    //得到函数数组 
 console.log(b.length);   //得到函数集合长度 
 for (var i = 0; i < b.length; i++) { 
 console.log(b[i]());   //输出每个函数的值，都是最后一个值 
 } 
</script> 

box()已执行完毕，i早已变成5，而返回的函数保存的变量都是i，所以最终的结果就是5个5

循环里的闭包--修改

<script type="text/javascript"> 
 function box() { 
 var arr = []; 
 
 for (var i = 0; i < 5; i++) { 
  arr[i] = (function (num) { 
  return function () {  //返回函数 
   return num; 
  } 
  })(i); 
  /* 
  //相当于: 
  arr[i] = (function () { 
  var num = i;//定义一个局部变量 
  return function () { 
   return num; 
  } 
  })(); 
  */ 
 } 
 return arr; 
 } 
 
 var b = box();    //得到函数数组 
 for (var i = 0; i < b.length; i++) { 
 console.log(b[i]());   //0,1,2,3,4 
 } 
</script> 

通过在box作用域里新建块级作用域来是每个返回函数保存的变量都不一样

闭包中的this对象

而闭包却在运行时指向window的，因为闭包并不属于这个对象的属性或方法。

<script type="text/javascript"> 
 var user = 'The Window'; 
 
 var obj = { 
 user : 'The Object', 
 getUserFunction : function () { 
  return function () { //闭包不属于obj，里面的this指向window 
  return this.user; 
  }; 
 } 
 }; 
 console.log(obj.getUserFunction()()); //The window 
 //可以强制指向某个对象 
 console.log(obj.getUserFunction().call(obj)); //The Object 
 /* 
 //也可以从上一个作用域中得到对象 
 getUserFunction : function () { 
 var that = this;  //从对象的方法里得对象 
 return function () { 
  return that.user; 
 }; 
 } 
 */ 
</script> 

模仿块级作用域

JavaScript没有块级语句的作用域，if () {} for () {}等没有作用域

<script type="text/javascript"> 
 //使用块级作用域(私有作用域)改写 
 function box(count) { 
 (function () { 
  for (var i = 0; i<count; i++) {} 
 })(); 
 console.log(i); //报错，无法访问 
 } 
 box(2); 
</script> 

使用了块级作用域(私有作用域)后，匿名函数中定义的任何变量，都会在执行结束时被销毁。在全局作用域中使用块级作用域可以减少闭包占用的内存问题，因为没有指向匿名函数的引用。只要函数执行完毕，就可以立即销毁其作用域链了。

私有变量

JavaScript没有私有属性的概念；所有的对象属性都是公有的。不过，却有一个私有变量的概念。任何在函数中定义的变量，都可以认为是私有变量，因为不能在函数的外部访问这些变量

而通过函数内部创建一个闭包，那么闭包通过自己的作用域链也可以访问这些变量。而利用这一点，可以创建用于访问私有变量的公有方法。

<script type="text/javascript"> 
 function Box() { 
 var age = 100;   //私有变量 
 function run() {   //私有函数 
  return '运行中...'; 
 } 
 this.get = function () {  //对外公共的特权方法,闭包（函数访问了不属于对象作用域的age和run方法） 
  return age + run(); 
 }; 
 } 
 
 var box = new Box(); 
 console.log(box.get()); 
</script> 

静态私有变量

上面的私有变量在每次实例化对象的时候都会重新初始化，通过块级作用域(私有作用域)中定义私有变量或函数，同样可以创建对外公共的特权方法。。

<script type="text/javascript"> 
 (function () { 
 var age = 100;//静态私有变量 
 function run() { 
 return '运行中...'; 
 } 
 Box = function () {}; //构造方法，没有使用var，全局函数 
 Box.prototype.go = function () { //原型方法 
 return age + run(); 
 }; 
 })(); 
 
 var box = new Box(); 
 console.log(box.go()); 
</script> 

模块模式

<script type="text/javascript"> 
 var box = function () { //box是一个模块 
 var age = 100; 
 function run() { 
 return '运行中...'; 
 } 
 return { //直接返回对象 
 go : function () { 
 return age + run(); 
 } 
 }; 
 }(); 
</script> 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# js  # 匿名函数  # 闭包  # 学习javascript的闭包  # 原型  # 和匿名函数之旅  # JavaScript 匿名函数和闭包介绍  # 详谈JavaScript 匿名函数及闭包  # JavaScript 匿名函数（anonymous function）与闭包（closure）  # (转载)JavaScript中匿名函数  # 函数直接量和闭包  # 详解JavaScript匿名函数和闭包  # 都是  # 报错  # 不属于  # 自己的  # 返回值  # 是一个  # 全局变量  # 都不  # 相关内容  # 是指  # 推荐使用  # 会在  # 能在  # 有必要  # 却在  # 可以实现  # 却有  # 创建一个  # 结束时  # 具体内容 

相关文章： 制作网站的模板软件,网站怎么建设？  招商网站制作流程,网站招商广告语？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  建站之星如何快速更换网站模板？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  香港服务器租用费用高吗？如何避免常见误区？  太平洋网站制作公司,网络用语太平洋是什么意思？  江苏网站制作公司有哪些,江苏书法考级官方网站？  广州营销型建站服务商推荐：技术优势与SEO优化解析  如何挑选高效建站主机与优质域名？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  如何彻底卸载建站之星软件？  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  建站主机核心功能解析：服务器选择与网站搭建流程指南  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  建站之星如何实现PC+手机+微信网站五合一建站？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  宁波免费建站如何选择可靠模板与平台？  html制作网站的步骤有哪些,iapp如何添加网页？  如何快速搭建响应式可视化网站？  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何用景安虚拟主机手机版绑定域名建站？  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何续费美橙建站之星域名及服务？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  临沂网站制作公司有哪些,临沂第四中学官网？  官网建站费用明细查询_企业建站套餐价格及收费标准指南  西安专业网站制作公司有哪些,陕西省建行官方网站？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  c# 在ASP.NET Core中管理和取消后台任务  网站代码制作软件有哪些,如何生成自己网站的代码？  如何通过智能用户系统一键生成高效建站方案？  非常酷的网站设计制作软件,酷培ai教育官方网站？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  如何快速打造个性化非模板自助建站？  网站设计制作企业有哪些,抖音官网主页怎么设置？  如何在阿里云ECS服务器部署织梦CMS网站？  建站之星Pro快速搭建教程：模板选择与功能配置指南  如何在云指建站中生成FTP站点？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  如何快速生成ASP一键建站模板并优化安全性？  大连网站设计制作招聘信息,大连投诉网站有哪些？  如何在云虚拟主机上快速搭建个人网站？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  如何挑选优质建站一级代理提升网站排名？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）