※ 引述《senser (彷彿曾經一起死過)》之銘言： : 這某種層度像是種變數汙染 : 感覺還沒寫過的東西 上面卻叫得出來 : 或是不小心用到了同樣名字 會產生難預料又難debug的問題 : 2. : Overwrite問題: : (function(){ : function sayHelloThenHi(){ : alert('hello'); : } : sayHelloThenHi(); : function sayHelloThenHi(){ : alert('hi'); : } : sayHelloThenHi(); : })(); : 這會有甚麼結果呢? 他會跟你講兩聲hi : 直觀上這是我們想要的嗎? 我會說你根本就不應該有任何可能性寫出這種code ... 你說你沒包 (function(){}) 作scope protection 就算了， 有作你還搞出這種 code ，這是寫 code 的人白目。XD 不過怕得是沒作 scope protection ， 其實 scope protection 才是個好習慣。 其實這件事情還不是主要的問題啦， 主要得問題還是在於沒作 scope protection時， 他會等價成 window.sayHelloThenHi = function(){ } 這才是討厭的 : (function(){ : var sayHelloThenHi=function(){ : alert('hello'); : } : sayHelloThenHi(); : sayHelloThenHi = function(){ : alert('hi'); : } : sayHelloThenHi(); : })(); : 此例中 他會先說hello在說hi : 感覺似乎是我們比較想要的結果 : 至於為什麼? 相信你已經知道了 : 結論: : 那到底要怎麼寫function比較好呢 : 1. : 如果你JAVA或是C#等等classical的語言實在太強了 : 為什麼要為js這種詭異的prototypal語言改習慣?? : 那千萬記住把function xxx(){}這種東西寫在每個context的最前面 : 這就可以省掉大部分錯誤和麻煩 : (這也就是很多js的書說宣告變數要在最前面) 就我的認知，變數宣告在最前面主要是避免重複宣告， 因為 js 的 local variable 都是同一個 scope， 所以 function (){ if(true){ var k = "hi"; } alert(k); } 還是會印出 "hi" 來，所以每一個變數命名， 其實是有在 if/for/while 裡面的都還是會互相污染， 只有 function 裡面的不會。 所以都列在前面一眼就知道哪些有被用過，要取新的也比較方便； 但是缺點就是變數跟實際用到它的地方離有點遠， 個人是喜歡根據功能需求盡可能拆子函式分開管理變數。 當然 i 這種迴圈專用的變數除外啦 :P : 2. : 如果你想鑽研js這詭異的語言 : 你的function應該大部分會出現在你global abatement的object下面 : 如 : var MySite = { : my_awesome_func : function(){ : //do something good : } : }; : MySite.my_awesome_func(); //invoke : 或是expression的寫法 : var callback = function(){ : do some useful stuff : }; : 這常常用於callback的傳遞... : 總之你應該不會有機會寫 : function bad(){ : //still do something : } : 這種東西 一般這種東西只會出現在所謂的 private helper function 完全沒有打算讓外人存取。 （放在自定義 global context 底下會有被存取到的危險） (function(){ function my_private(){ alert("hi"); } window.my_global_context= { do_somthing:function(){ my_private(); } } })(); 以這個例子來講，其他人完全沒有機會從外部改掉你的 my_private實做， 要就要他整套從 do_something 開始都自己 overwrite。 對一些討厭自己的 code 被亂改或者控制欲比較強的傢伙，這是常見的作法。 當然，private static helper 要有名稱重複的狀況，這也是有點扯。 以上的例子也可以寫成 var my_private = function(){ } 純粹是看個人的使用習慣就是了。 實務上除了這種 private helper 或 Constructor 有機會這樣寫以外， 其他的狀況都還是匿名函式賦值的寫法居多。 var xx = function(){ } 或 var my ={ xx:function(){ } } : 真是抱歉 講太多廢話了.. 一打就很難停下來.. : 因為國內有少數教材 常會有不是很正確的觀念 : 讓我以前剛學習時 走了不少冤枉路 : 以至於看到種觀念有關的東西 我就特別想講 : 加上js又是很特別的語言 常常有人用其他語言的邏輯來套 : 但事實上含意是不同的 : 希望有人有耐心可以看到這裡 : 如果有錯誤 也希望可以指正:D 每個語言都有他們自己的語法特性，如果要用其他語言來套， 而且那些人對他們口中的「其他語言」也真的有夠多瞭解的話。 其實他們很多觀念還是蠻一致的。 -- I am a person, and I am always thinking . Thinking in love , Thinking in life , Thinking in why , Thinking in worth. I can't believe any of what , I am just thinking then thinking , but worst of all , most of mine is thinking not actioning... --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 198.203.175.175 ※ 編輯: TonyQ 來自: 198.203.175.175 (09/22 23:33) ※ 編輯: TonyQ 來自: 198.203.175.175 (09/22 23:34)