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

来源：互联网发布：淘宝需要注册公司吗编辑：程序博客网时间：2024/05/16 18:59

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