javaScript中闭包函数与this对象的应用

最新推荐文章于 2022-07-17 16:32:52 发布

黑暗浪子

最新推荐文章于 2022-07-17 16:32:52 发布

阅读量673

点赞数

分类专栏： javaScript+html5+CSS学习文章标签： javaScript闭包

本文链接：https://blog.csdn.net/u012453619/article/details/38190475

版权

javaScript+html5+CSS学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

</pre><pre>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Html study</title>
</head>
	<script>
		//闭包中关于this的一个例子
		var name = '5349691';
		var person = {
			name : 'DarkRake',
			writeName : function(){
				return function(){
					return this.name;
				};	//注意这里是return语句的结束分号
			}
		}
		alert(person.writeName());	//function(){return function(){return this.name;}
		alert(person.writeName()());	//5349691
    </script>
<body>
</body>
</html>

上述代码执行结果，一瞬间把我吓尿了，我一直以为第一次调用person.ariteName()时是什么都不返回的，理由时：内部函数式不会访问到外部函数的this对象的（包括arguments对象），但是实际上，返回结果却是这个匿名函数的定义部分，崩溃了有没有，反正我是没想出来为啥，后来查了资料，发现这是一个闭包的利用，最外层的this（也就是window对象）对象被保存在了这个闭包里面，匿名函数的调用可以是匿名函数定义结束后紧接着一对括号（），当person.ariteName()的返回了一个匿名函数之后，又有了后面的括号，这样匿名函数也就被调用执行了，这个时候，我的理解是，person的执行已经结束了，已经没有活动对象继续引用person对象了，这个时候，而this也正是之前所属的window对象，所以，最终弹出窗口的结果是5349691

参考一下下面的代码吧！以上的理解也是我个人的理解，到现在我也不能确定，还在继续琢磨呢，如果是错误的，希望朋友们纠正

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Html study</title>
</head>
	<script>
		//闭包中关于this的一个例子
		var name = '5349691';
		var person = {
			name : 'DarkRake',
			writeName : function(){
				var that = this;
				return function(){
					return that.name;
				};	//注意这里是return语句的结束分号
			}
		}
		alert(person.writeName());	//function(){return function(){return this.name;}
		alert(person.writeName()());	//DarkRake
    </script>
<body>
</body>
</html>

黑暗浪子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript中闭包函数与this对象的应用

Html study //闭包中关于this的一个例子 var name = '5349691'; var person = { name : 'DarkRake', writeName : function(){ return function(){ return this.name; }; //注意这里是return语句的结束分号
复制链接

扫一扫

专栏目录