js闭包(一)

最新推荐文章于 2023-12-19 22:16:59 发布

zbyluxzing

最新推荐文章于 2023-12-19 22:16:59 发布

阅读量326

点赞数

分类专栏： js函数知识

js函数知识专栏收录该内容

6 篇文章 0 订阅

订阅专栏

闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数)因而这些变量也是该表达式的一部分。

其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大。

一般上可以把闭包简单理解成“定义在一个函数内部的函数”。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的作用：1、可以读取函数内部的变量，2、让这些变量的值始终保持在内存中

小知识点：变量的小知识点（全局变量和局部变量）

Js代码

　　var n=999;

　　function f1(){
　　　　alert(n);。
　　}

　　f1(); // 999

另一方面，在函数外部自然无法读取函数内的局部变量。

Js代码

　　function f1(){
　　　　var n=999;
　　}

　　alert(n); // error

这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！

Js代码

　　function f1(){
　　　　n=999;
　　}

　　f1();

　　alert(n); // 999

在外部读取内部的局部变量：

js代码

　　function f1(){

　　　　n=999;

　　　　function f2(){
　　　　　　alert(n);
　　　　}

　　　　return f2;

　　}

　　var result=f1();

　　result(); // 999

f2可以读取f1中的局部变量，那么只要把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

介绍闭包开始：

例子1：

Js代码

　　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，可以在函数外部对函数内部的局部变量进行操作。

直接调用f2()会出错，而调用nAdd()却不出错。是因为f2()是一个内部方法，它的作用域f1()内部，在f1()外部调用会出错。而nAdd()，这个匿名函数，是个变量。因为没有var修饰，是个全局变量。所以一个不能直接调用，而一个可以直接调用。

例子2：

var name="The Window"
var object=
{
      name : "My Object",
      getNameFunc : function()
      {
              return function()
              {
                        return this.name;
               }
      }
}
这个函数输出是The Window而下面的输出却是My Object

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

--------------------------------------------------------------------------------------------------

var name = "The Window";
function aa(){
name="My Object";
　return function (){
　　　　　　　　return this.name;
　　　　　};
}

调用代码alert(aa()()); //My Object

具体原因：

var object与aa()的区别,aa()可以利用作用域链，而object则不适用于作用链(object的属性的函数不同于一般函数)。

javascript是动态（或者动态类型）语言，this关键字在执行的时候才能确定是谁。所以this永远指向调用者，即对‘调用对象‘者的引用。
第一部分通过代码：object.getNameFunc()调用返回一个函数。这是个返回的函数，它不在是object的属性或者方法，此时调用者是window。
因此输出是 The Window
第二个函数，当执行函数object.getNameFunc()后返回的是：
function()
              {
                        return that.name;
               }
此时的that=this。而this指向object，所以that指向object。无论你执行多少次，他都是对object的引用，所以输出My Object

因为执行代码object.getNameFunc()之后，它返回了一个新的函数，注意这个函数对象跟object不是一个了，可以理解为全局函数。
所以它的name属性不会是My Object。这个例子只能作为关键字this的教材。如果作为寻找变量的例子就不好了

注意的是：.getNameFunc()并不是一个匿名函数，直接调用会出错。getNameFunc只是对象object的一个属性。

http://www.jb51.net/article/24101.htm