js学习七之闭包

最新推荐文章于 2024-06-17 11:40:49 发布

java对象999

最新推荐文章于 2024-06-17 11:40:49 发布

阅读量124

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js学习七之闭包

本文链接：https://blog.youkuaiyun.com/qq_40135955/article/details/91444210

js 专栏收录该内容

12 篇文章

订阅专栏

本文深入解析JavaScript中的闭包概念，包括其定义、用途及使用注意事项。通过实例展示如何利用闭包访问函数内部变量，保持变量状态，以及在不同作用域间传递数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. Js 变量的作用域

2. 从外部读取方法内部的局部变量

第三节：闭包的概念
各种专业文献上的“闭包” （closure）定义非常抽象，很难看懂。我的理解是，闭包就是能够读取其他函数内部变量的函数。由于在 Javascript 语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

第四节：闭包的用途

一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

第五节：闭包的使用注意点
1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在 IE 中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。 2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

闭包举例1：使用创建的func2作为闭包，来达到在函数func外面访问它内部的局部变量a。

结果是弹出来 22

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
   function func(){
       var a=22; //func方法中的局部变量

       function func2(){ //func2相当于一个闭包的作用，是将函数内部和函数外部连接起来的一座桥梁
           return a;
       }

       return func2;
   }

   var result=func();
   alert("访问func的私有局部变量a:"+result());

</script>
</body>
</html>

闭包举例2：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
   var name="The Window";
   var object={
           name:"My object",
           getNameFunc:function(){
               return function(){
                   return this.name;
               };
           }
   };
   alert(object.name); //弹出来的结果为My object
   alert(object.getNameFunc()()); //弹出来的结果为The Window，object.getNameFunc()()这里两个括号代表调用getNameFunc()

</script>
</body>
</html>

使用闭包：在function方法里面定义一个局部变量 var name="func";

var name="func";
               return function(){
                   return name;
               };
           }
   };
   alert(object.name); //弹出来的结果为My object
   alert(object.getNameFunc()()); //弹出来的结果为func，object.getNameFunc()()这里两个括号代表调用getNameFunc()