闭包及其相关整理

一、变量作用域

js的作用域:局部变量和全局变量
函数内部可以读取全局变量,但是在函数外部无法读取函数内部的局部变量
注意点:在函数内部声明变量的时候,一定要使用var命令,如果不是,声明的就是一个全局变量

二、从外部读取函数内部的局部变量

function  f1(){
	var num=789;
	function f2(){
			alert(num);
	}
	return f2;
}
var result=f1();
result();//999

这是js语言特有的链式作用域结构,子对象会一级级地向上寻找到父对象的变量
父对象的所有变量,对子对象都是可见的,反之则不成立

三、闭包的概念

闭包就是能够读取其他函数内部的函数
本质上,就是将函数内部和函数外部连接的桥梁

四、闭包的用途

最大作用:1、可以读取函数内部的变量
2、让变量的值始终保持在内存中,不会在f1调用后自动清除

function f1(){
    var n=999;
    nAdd=function(){n+=1}

    function f2(){
      alert(n);
    }
    return f2;
  }

  var result=f1();
  result(); // 999
  nAdd();
  result(); // 1000

在这段代码中,result实际上就是闭包f2函数。它一共运行了两次,第一次的值是999,第二次的值是1000。这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。

为什么会这样呢?原因就在于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。

这段代码中另一个值得注意的地方,就是"nAdd=function(){n+=1}"这一行,首先在nAdd前面没有使用var关键字,因此nAdd是一个全局变量,而不是局部变量。其次,nAdd的值是一个匿名函数(anonymous function),而这个匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。

五、使用闭包的注意点:

var name = "The Window";

  var object = {
    name : "My Object",
    getNameFunc : function(){
      return function(){
        return this.name;
      };
    }
  };

  alert(object.getNameFunc()());

匿名函数的执行环境具全局性,一般this指向的是window

var name = "The Window";

  var object = {
    name : "My Object",
    getNameFunc : function(){
      var that = this;
      return function(){
        return that.name;
      };
    }
  };

  alert(object.getNameFunc()());//My Objec
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值