[問題] 關於Callback的Scope疑問

[sakyer (石理克)]

打給厚，大家好！

我是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://www.ptt.cc/bbs/Ajax/M.1424927977.A.991.html
→ sakyer: 阿...我是不是發錯版了
→ sakyer: 看到標題有JavaScript 已為是js版
推 mmis1000: 發這裡沒錯啊
→ mmis1000: 所有js相關的都可以發，不過記得看版規
→ sakyer: 喔喔～再麻煩大家了！js好好玩唷
→ mmis1000: http://jsfiddle.net/4krzcs0g/14/
→ mmis1000: 利用bind可以把function的this綁定為某個物件
→ mmis1000: 事實上，closure當然也可以做出一樣效果，但是既然有內
→ mmis1000: 件的方式，那就用吧，除非你要支援超古老的瀏覽器，不
→ mmis1000: 然現代瀏覽器應每個都支援.bind()y
推 Kenqr: 我會這樣寫 http://jsfiddle.net/4krzcs0g/15/
→ sakyer: 喔喔 ！
推 mrbigmouth: http://jsfiddle.net/4krzcs0g/17/
→ mrbigmouth: bind好像是到ecmascript5才支援吧？  這裡用call就行
推 mrbigmouth: call跟apply應該是全js環境都支援
→ mrbigmouth: bind連ie8跟ie8以下都不支援....
→ sakyer: 長知識了！
→ mmis1000: ie8以下只剩xp再用了...你支援他幹嘛阿，市占率超低
→ mmis1000: 除非你要接政府的案子，不然去哪裡找一堆xp用...
→ mmis1000: 而且moz上就有polyfill了，沒有原生支援也沒差
推 mrbigmouth: 羨慕樓上的工作環境         (這世上真的還很多XP...)
→ mrbigmouth: 說真的因為有jQuery的存在要做到對早期IE支援並不會太
→ mrbigmouth: 難  所以最好不要輕易的採用太早的語法  除非你能一語
→ mrbigmouth: 而決啦 XD
→ mrbigmouth: 事實上就是能決定的人通常都不清楚狀況
→ mrbigmouth:                       ^^^^^^^^採用太晚
→ sakyer: 還沒開始學jquery~現在寫html5遊戲
推 Kenqr: 根據statcounter資料，台灣IE8使用率還有8%(火狐也是8%...)
推 eight0: bind 的效率很低哦 http://x.co/7ptau
推 mmis1000: 我相信需要效率的地方沒人會用callback啦...
→ mmis1000: 而且這樣用的理由是code比較乾淨，也容易讀懂
→ mmis1000: http://jsperf.com/bind-speed-test 其實polyfill很好寫
推 swijo: 加個self = this，http://jsfiddle.net/4krzcs0g/19/
→ mmis1000: http://jsbin.com/jivoni/1/edit?html,output
→ mmis1000: 我不認為操縱別人的屬性真的可以接受...那種code很髒
→ mmis1000: 應該說根本違背了你寫OO的code的原則阿
→ sakyer: 這篇好精彩，果然問大家學得更快
→ sakyer: 爲何說callback 寫起來很髒呢？
推 swijo: http://jsfiddle.net/4krzcs0g/20/
→ sakyer: 耶！這樣宣告就可以找到蘋果！？
→ mmis1000: callback不髒，髒的是直接操作別的object的屬性
→ mmis1000: 就像你寫了一個有'move' method的class叫Dog
→ mmis1000: 結果你要他走時不是呼叫dog.move()，而是dog.legs[1]++
→ mmis1000: 一樣，根本完全無視了OO的原則
→ mmis1000: 如果你不希望你的code變一次性的，這種事真的不要做
推 Panasonic: 原po可以嘗試打印this.constructor.name觀察看看
→ Panasonic: 探究一下你的this怎麼不是想要的那個obj, 在callback時