一个函数调用模式的小坑
2016-03-11 21:14
218 查看
昨天复习了下闭包,遇到一个思考题,纠结了好久,才发现自己基础原来那么差。
贴出来:
我掉进了闭包的坑里,为啥返回的函数就不能维持this的值呢。
所以要跳出闭包的怪圈,重温了一下Javascript的四大调用模式:方法调用模式,函数调用模式,构造器调用模式,Apply调用模式。
这里只提到函数调用模式,和方法调用模式,犀牛书解答了疑问:和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this,如果嵌套函数作为方法调用,其this指向调用它的对象,如果嵌套函数作为函数调用,其this值不是全局对象(非严格模式下)就是undefined(严格模式下)。。
很明显,上面的代码 object.getNameFunc()返回的是一个匿名函数,并非属于对象object的函数,所以此时它只是一个普通函数function(){return this.name},所以引用的this自然就绑定在全局对象window上。
ok,其实倘若语言设计正确,当内部函数调用时,this也可以仍然绑定到外部函数的this变量上。但这个时候,我们需要给外部函数getNameFunc定义一个变量并给它赋值为this,那么内部函数通过该变量访问到指向该对象的this,于是我们就有了一个闭包的实证,如:
yeah,此时匿名函数作为getNameFunc的闭包可以引用到它的变量self。
所以还有个有趣的问题:
没错,答案是全局的The window,所以可以想到此时(object.getNameFunc=object.getNameFunc)指向函数本身,所以得到的应该是函数function(){ return this.name}
此时要注意的是,(object.getNameFunc=object.getNameFunc)跟没有括号object.getNameFunc=object.getNameFunc向右传递的结果是不一样的, 前者传递的是函数,后者传递的是对象方法。
但是!
又有一个问题来了
就是说这两个函数不相等….又挖了个坑….
下次再解…..
贴出来:
var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ return this.name; }; } }; alert(object.getNameFunc()()); //The Window
我掉进了闭包的坑里,为啥返回的函数就不能维持this的值呢。
所以要跳出闭包的怪圈,重温了一下Javascript的四大调用模式:方法调用模式,函数调用模式,构造器调用模式,Apply调用模式。
这里只提到函数调用模式,和方法调用模式,犀牛书解答了疑问:和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this,如果嵌套函数作为方法调用,其this指向调用它的对象,如果嵌套函数作为函数调用,其this值不是全局对象(非严格模式下)就是undefined(严格模式下)。。
很明显,上面的代码 object.getNameFunc()返回的是一个匿名函数,并非属于对象object的函数,所以此时它只是一个普通函数function(){return this.name},所以引用的this自然就绑定在全局对象window上。
ok,其实倘若语言设计正确,当内部函数调用时,this也可以仍然绑定到外部函数的this变量上。但这个时候,我们需要给外部函数getNameFunc定义一个变量并给它赋值为this,那么内部函数通过该变量访问到指向该对象的this,于是我们就有了一个闭包的实证,如:
var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ var self=this; return function(){ return self.name; }; } }; alert(object.getNameFunc()()); //The Object
yeah,此时匿名函数作为getNameFunc的闭包可以引用到它的变量self。
所以还有个有趣的问题:
var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return this.name } }; alert(object.getNameFunc())//The Object 很明显,这是一个对象的函数执行,所以会引用外层对象的私有变量。 alert((object.getNameFunc=object.getNameFunc)())//猜猜答案是什么
没错,答案是全局的The window,所以可以想到此时(object.getNameFunc=object.getNameFunc)指向函数本身,所以得到的应该是函数function(){ return this.name}
此时要注意的是,(object.getNameFunc=object.getNameFunc)跟没有括号object.getNameFunc=object.getNameFunc向右传递的结果是不一样的, 前者传递的是函数,后者传递的是对象方法。
但是!
又有一个问题来了
alert((object.getNameFunc=object.getNameFunc)==function(){return this.name})//答案是False!!!
就是说这两个函数不相等….又挖了个坑….
下次再解…..
相关文章推荐
- 反射技术
- 密码学课程设计小结
- SSL协议详解
- opencv imshow
- Android内存管理
- ifndef/define/endif 和 #ifdef 、#if 作用和用法
- MATLAB学习笔记——入门篇
- poj1251(最小生成树)
- Codeforces Round #FF (Div. 2):Problem A - DZY Loves Hash
- 实验0:了解和熟悉操作系统
- 华为5700设置某一端口组播屏蔽
- 01字串
- java将一个正整数分解质因数(每天一道算法题)
- leetcode 5. Longest Palindromic Substring
- bzoj 1499: [NOI2005]瑰丽华尔兹
- 我们都遇到过的 Replace Blank Space
- MySQL的一些事
- java代码读取xml文件信息
- 四则运算
- git 常用命令及解析 由浅入深