作者sakyer (石理克)
看板Ajax
标题[问题] 关於Callback的Scope疑问
时间Thu Feb 26 13:19:33 2015
打给厚,大家好!
我是Javascript新手 想询问关於js function scope的问题...
我有一个程式如下:
直接於mainLoop里面使用show(),结果成功找到苹果(this.apple)
http://jsfiddle.net/sakmor/4krzcs0g/9/
透过compare使用show(),结果无法到this.apple =undefined
http://jsfiddle.net/sakmor/4krzcs0g/
请问大大我要怎麽改,才能让我透过compare()呼叫的show()可以
顺利找到apple?
我稍微查了一下 是不是可以用Closure解决?
只是我不知道Closure怎麽使用.....
再请各位大大解答!
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 60.251.182.68
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1424927977.A.991.html
1F:→ sakyer: 阿...我是不是发错版了 02/26 13:53
2F:→ sakyer: 看到标题有JavaScript 已为是js版 02/26 13:53
3F:推 mmis1000: 发这里没错啊 02/26 14:23
4F:→ mmis1000: 所有js相关的都可以发,不过记得看版规 02/26 14:24
5F:→ sakyer: 喔喔~再麻烦大家了!js好好玩唷 02/26 14:34
7F:→ mmis1000: 利用bind可以把function的this绑定为某个物件 02/26 14:35
8F:→ mmis1000: 事实上,closure当然也可以做出一样效果,但是既然有内 02/26 14:37
9F:→ mmis1000: 件的方式,那就用吧,除非你要支援超古老的浏览器,不 02/26 14:37
10F:→ mmis1000: 然现代浏览器应每个都支援.bind()y 02/26 14:37
12F:→ sakyer: 喔喔 ! 02/26 16:20
14F:→ mrbigmouth: bind好像是到ecmascript5才支援吧? 这里用call就行 02/26 16:32
15F:推 mrbigmouth: call跟apply应该是全js环境都支援 02/26 16:36
16F:→ mrbigmouth: bind连ie8跟ie8以下都不支援.... 02/26 16:37
17F:→ sakyer: 长知识了! 02/26 18:39
18F:→ mmis1000: ie8以下只剩xp再用了...你支援他干嘛阿,市占率超低 02/26 18:47
19F:→ mmis1000: 除非你要接政府的案子,不然去哪里找一堆xp用... 02/26 18:47
20F:→ mmis1000: 而且moz上就有polyfill了,没有原生支援也没差 02/26 18:49
21F:推 mrbigmouth: 羡慕楼上的工作环境 (这世上真的还很多XP...) 02/26 22:44
22F:→ mrbigmouth: 说真的因为有jQuery的存在要做到对早期IE支援并不会太 02/26 22:46
23F:→ mrbigmouth: 难 所以最好不要轻易的采用太早的语法 除非你能一语 02/26 22:47
24F:→ mrbigmouth: 而决啦 XD 02/26 22:47
25F:→ mrbigmouth: 事实上就是能决定的人通常都不清楚状况 02/26 22:47
26F:→ mrbigmouth: ^^^^^^^^采用太晚 02/26 22:48
27F:→ sakyer: 还没开始学jquery~现在写html5游戏 02/26 23:00
28F:推 Kenqr: 根据statcounter资料,台湾IE8使用率还有8%(火狐也是8%...) 02/27 10:33
30F:推 mmis1000: 我相信需要效率的地方没人会用callback啦... 02/27 13:40
31F:→ mmis1000: 而且这样用的理由是code比较乾净,也容易读懂 02/27 13:41
35F:→ mmis1000: 我不认为操纵别人的属性真的可以接受...那种code很脏 02/28 21:46
36F:→ mmis1000: 应该说根本违背了你写OO的code的原则阿 02/28 21:50
37F:→ sakyer: 这篇好精彩,果然问大家学得更快 02/28 23:54
38F:→ sakyer: 爲何说callback 写起来很脏呢? 02/28 23:55
40F:→ sakyer: 耶!这样宣告就可以找到苹果!? 03/01 00:29
41F:→ mmis1000: callback不脏,脏的是直接操作别的object的属性 03/01 00:31
42F:→ mmis1000: 就像你写了一个有'move' method的class叫Dog 03/01 00:32
43F:→ mmis1000: 结果你要他走时不是呼叫dog.move(),而是dog.legs[1]++ 03/01 00:33
44F:→ mmis1000: 一样,根本完全无视了OO的原则 03/01 00:33
45F:→ mmis1000: 如果你不希望你的code变一次性的,这种事真的不要做 03/01 00:35
46F:推 Panasonic: 原po可以尝试打印this.constructor.name观察看看 03/01 00:36
47F:→ Panasonic: 探究一下你的this怎麽不是想要的那个obj, 在callback时 03/01 00:38