JavaScript "闭包"

最新推荐文章于 2025-03-09 10:31:53 发布

iteye_9716

最新推荐文章于 2025-03-09 10:31:53 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

分类专栏： Web app 文章标签： JavaScript Access ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_9716/article/details/81819418

Web app 专栏收录该内容

21 篇文章

订阅专栏

本文通过一个具体的JavaScript构造函数示例，介绍了闭包的概念及其工作原理。闭包允许对象的方法访问并保持构造函数内部的变量值，即使构造函数已经执行完毕。

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

<HTML>
 <HEAD>
 <script type="text/javascript">
	function Person(firstName, lastName, age){
		//  私有变量
		var _firstName = firstName;	
		var _lastName = lastName;

		// 公用变量
		this.age = age;

		// 方法
		this.getname = function(){
			return (firstName+ "" + lastName);
		};

		this.sayHello = function(){
			alert( "Hello, I am"  + firstName + " " + lastName);
		};

	};

	var BillGates = new Person("Bill", "Gates" , 54);
	var SteveNash = new Person("Steve" , "Nash" , 53);

	BillGates.sayHello();
	SteveNash.sayHello();

	alert(BillGates.getname() + "" + BillGates.age);

	alert(BillGates._firstName); // you can't access to this variable
 </script>
 <TITLE> New Document </TITLE>
 </HEAD>

 <BODY>

 </BODY>
</HTML>

所谓的“闭包”，就是在构造函数体内定义另外的函数作为目标对象的方法函数，而这个对象的方法函数
反过来引用外层外层函数体中的临时变量。这使得只要目标对象在生存期内始终能保持其方法，就能间接
保持原构造函数体当时用到的临时变量值。尽管最开始的构造函数调用已经结束，临时变量的名称也都消
失了，但在目标对象的方法内却始终能引用到该变量的值，而且该值只能通这种方法来访问。即使再次调
用相同的构造函数，但只会生成新对象和方法，新的临时变量只是对应新的值，和上次那次调用的是各自
独立的。的确很巧妙！

摘自悟透JavaScript