</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>