作者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/m.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