寫給想學習Javascript的朋友一點學習經驗小結

當然只是個人的經驗，有什麼不對的也請高手見諒和指正。

關於到培訓學校學習的忠告：別說現在沒有這樣的學校，就是有專門的學校也不要去，因為不會有好的老師的。不要浪費你自己（很可能是你父母）的錢和時間。趁早死了這個念頭。

關於培訓學校的這個我想我要比一般的朋友更有發言權，因為我本人幹英語培訓將近2年，我很清楚培訓市場的情況，你很難碰到一個好的老師。英語可能還好些，畢竟英語說得好的老師還比較多，長期跟老外泡在一起，確實對口語能力的提高很顯著，但是代價是很昂貴的。而你現在要學的是Javascript，呵呵，好的前端工程師可不多！

我的個人觀點，有資格和有能力的教好Javascript的老師，一定要是個好的有著豐富的前端開發經驗的前端工程師。大學的老師，教授可能他們中很少有人符合這個要求，而好的前端工程師，都忙著自己的工作去了。剩下的有時間去教Javascript的人，呵呵，就不多說了。

這裡也發點牢騷，我們在大學校園裡學習的東西，你學的時候根本不知道這個東西有什麼意義，你自己不去鑽研，老師他是不會告訴你的。在培訓學校，呵呵，也差不多。

如果不是一個好的前端工程師，他很難告訴你為什麼我們現在提倡使用閉包把以前的全域變數放到閉包中作為閉包函數的局部變數？他也很難對 Javascript變數範圍的相關知識跟你講透徹。在Javascript裡能夠形成scope（範圍）的東西有哪些？為什麼說全域變數是魔鬼？閉包又是怎麼產生的範圍？等等這樣很基礎，但很重要的知識的意義，他不清楚，將給你聽，讓你明白這些知識和他們的意義就更困難。

呵呵，所以我的建議，想學Javascript，還是多跟你的身邊認識的朋友，特別是那些從事前端開發的工程師多交流和學習。自己要多鑽研。呵呵，不認識前端工程師，就到指令碼之家與藍色理想來多看看（bbs.blueidea.com，記住！這可不是廣告哦！），把你不清楚的問題提出來，但是我這裡要說一個好的學習習慣。什麼時候提問？

什麼時候提問？這個也是問題嗎？對的，很多人，也是很多在校學生的一個不好的學習習慣，一有問題就問別人請求協助。我個人這個是個壞習慣。難道問問題也是個壞習慣？對的，我個人覺得，你問問題尋求別人的協助，應該是在你自己已經動腦經思考，通過各種途徑查閱相關資料都無法擷取問題的最終解決辦法的情況下再來提問？這樣你已經對你要解決的問題做過研究，有一定瞭解，你可以更詳細的告訴別人你想要的答案大概是什麼樣的，或者說你可以把你想描述的問題講的更清楚。這樣別人來解決你的問題的時候，也可以更快速的作出解答。我想你學起來，對這個問題的理解也會更深刻些。

好了，好像扯得有些遠了。來談談怎麼學習Javascript吧！先給大家潑點冷水，我想告訴你的是：Javascript要比其他的開發語言都難學好！

為什嗎？因為就目前來說，大家（國內甚至是國外的程式員）普遍對Javascript這門程式設計語言（請允許我這麼說）瞭解和研究得不夠深，至少不像大家對 JAVA,C#等這樣的語言瞭解的和研究得那麼透。所以這個就引起了另一個問題，現在市面上Javascript的書籍對Javascript這門語言的講解都不夠深入和全面。當然是相對JAVA,C#這樣的語言來說。所以這就導致了，學Javascript很困難。當然學任何一門程式設計語言，特別是學好，學精都不容易。

不過也有好的訊息，就是現在大家對Javascript的重視和更深入的研究，現在Javascript書籍裡講解的內容也要比4年前品質高出太多了，可以這麼說，你現在開始Javascript正是時候哦！呵呵！所以這裡也給大家一個經驗，買Javascript的書，最好不要買4年前，也就是2005 年前出版的。最好買近兩年出版的書。

說到這裡，我想說說一個現象，隨這大家近幾年對Javascript的重視和研究，主要是很多傳統的程式員開始學習和研究Javascript，他們把物件導向編程的思想帶入到Javascript的前端開發，極大的促進了Javascript的推廣和發展。這點要十分感謝他們。也許是處於這些程式員的傳統的開發的思想的影響，現在我們的Javascript庫如雨後春筍般的出現。

呵呵！JAVA有JAVA的庫和各種各樣的架構，C#也是模仿JAVA，也是有著豐富的開發庫。這些庫為我們的開發帶來了極大的方便，這是個很不錯的事情。所以這些傳統的程式員在從事前端的開發的時候，也為自己編寫了庫。我們很熟悉的就有prototype,jQuery,YUI,Ext等等，我就不一一列舉了。當然這些庫的出現也為我們的前端開發帶來了極大的方便，但是事情都有兩面性的，在這些庫的出現後，在給我們的開發帶來便利的同時，也讓我們的很多朋友產生對庫的依賴，可能嚴重點的，沒有庫了，給他個記事本（我們姑且不提開發效率）可能就不知道如何下手了。

如果仔細想想，這個也是很可怕的事情。為什嗎？因為大家都不再去花心思去研究Javascript底層的知識，只是一味的在這些庫的協助下，構建那些炫目的特效（還好，這些庫都是免費的）。或者乾脆直接用別人寫好的外掛程式。都不知道萬一這些庫要是開始收費（只是瞎想想），怎麼辦？還有就是這些庫比如有別有用心的人，在中加點什麼惡意的東西，我想很難有人會從頭到位把一個庫研究個透。你怎麼辦？最嚴重的就是編程能力的下降，但給人的感覺是入門的門檻更底了。不要被“The Write Less, Do More”這樣的廣告迷惑了，因為在你載入這個庫的同時，別忘了“Size of your web page is much bigger, or say the size is HUGE".

所以當大家使用這些庫的時候，我希望大家不僅僅是使用者，也要用心去閱讀這些庫的代碼，從中學習。收穫會很大的，而且說不定，你會發現可個改善地方，甚至是有錯誤的地方。這個是很有可能的。還有就是我剛才提到的，這些庫的開發人員很多都是從傳統的程式員轉型過來，或者說是因為開發需要而開始學習 Javascript，很可能會有錯誤。或者說受以前學習語言的影響，寫的程式更像是在寫其他的語言，而不是寫Javascript，執行效率並不高。所以不要迷信庫。

問幾個問題，你清楚jQuery是怎麼實現CSS(3)和XML的XPath選取器的嗎？jQuery又是怎麼實現eventHandle的？怎麼處理其中的瀏覽器安全色性問題的？

如果你還不明白我提的問題，那麼請仔細看看jQuery是怎麼實現的吧！如果你還讀不懂它，還是多看看我要給你介紹的Javascript的書吧，瞭解 Javascript的底層和基礎的知識。讓自己能讀懂jQuery，讓自己不要jQuery也能實現Dom的拖動，讓自己也能寫出自己的庫。當然這話我說得太大了。不過只要你是真正研究Javascript和相關的知識，你也可以做到的。

繞了這麼大一圈，現在讓我們正式開始吧，來介紹幾本學習Javascript的書吧。（以下介紹的書都是本人自己購買閱讀過的，對了我不崇洋媚外，一條真理：不要買中國人寫的Javascript書）

入門的書：

《Javascript進階編程技術》：不要被“進階”這兩個字嚇到，這個書其實是本很不錯的入門的書，因為這本書也很詳細的介紹了javascript 的全部內建對象和文法，並且介紹了物件導向的思想，DOM、BOM的知識，Regex，進階的DOM處理。Ajax的知識，還是很全面的。而且個人認為這本書對基礎知識的介紹並不比其他的同類書遜色。比起《Javascript權威指南》（我當時買點的是第4版）,我覺得更詳細些和更清楚些。在《指南》的第4版中，我覺得那本書中講的東西有點混亂。感覺一個知識點還沒有講清楚，就給你一個什麼類，看得不明不白的。因為沒有看《指南》的第五版，所以這裡不推薦給大家。而且《進階編程》這本書要比《指南》便宜不少。《進階編程》中也提出了採用功能(future)探測來取代瀏覽器版本探測來處理指令碼相容性的處理。個人覺得《指南》有的，這本書也都說了。還有我前面提到的，這本書的作者是YAHOO的資深的前端工程師，你可以在他的網站下載到相關的代碼。

《Javascript DOM 編程藝術》：我個人的感覺是學習DOM編程的經典入門書籍，作者是webstandards.org的創始人之一，書中以淺顯易懂的語言，教你一步一步的來講解DOM編程，一點點地提升網站的使用者體驗。書中一直強調不唐突的指令碼開發，網站要向後相容，強調網站的可訪問性。這個也是大家在做前端開發時應當努力追求的，也是必須要有的開發指導思想。可惜很多的後台開發的程式員，根本沒有這個概念，所以你在開發的時候，一定要給你的程式員多洗腦。呵呵！

《CSS權威指南》第三版：做前端開發，你必須要瞭解CSS，書中對CSS2的介紹很詳細了。仔細的看吧，我每次看的時候，有會有新的收穫。

《網站重構》、《CSS網站布局實錄》（唯一一本推薦的國人寫的書）：看完了，你會知道為什麼學WEB標準？你會知道前端工程師的工作很重要。

提高階段：

《Javascript DOM 進階編程》：這本書裡不光詳細的介紹的DOM編程的技巧，也講了使用物件導向編程的方法，使用命名空間來管理書中所寫的開發庫，在不斷的學習中，你的個人 DOM Javascript庫也不斷的充實。呵呵，就像我前面說的，你可以寫出自己的庫了。當然書中的代碼比較鬆散，還不能運用到實際的企業級的開發中。但是書中對閉包的介紹和物件導向的開發思想，會使你對JS的認識又提高了一個層次，雖然對物件導向開發的講解還不夠深。

《XML開發指南》：我們知道ajax,其中X就是指的XML，所以要瞭解XML的相關知識，你這本書，是一定要看的。看了之後你會發現XML要瞭解的東西實在太多了，可能跟你瞭解的東西相比，你才知道點皮毛。對了，這裡說下，我並不推薦你使用XML來作為你的Ajax的程式的資料的載體。為什嗎？因為很不經濟。你先把資料轉換成XML文檔，然後再通過Javascript把XML文檔中的資料提出來，把文檔轉成資料。而瀏覽器對XPath處理的相容性的處理，你會很發狂的。現在我們有一個代替他的東西JSON。但是由於XML已經是很多標準的預設資料通訊載體，比如RSS等，所以你還是得掌握。

個人覺得學Javascript看這些書基本差不多了。當然這些書也建議你看看《精通Javascript》、《PPK 談 Javascript》、《CSS進階技巧》、《Ajax in Action》、《Ajax進階編程》、《JavaScript:The Good Parts(影印版）》。

看完這些書，你瞭解了Javascript的相關知識，瞭解了CSS（你會知道CSS都有哪些選取器），你瞭解了XML的知識。呵呵，基礎的開發你應該都可以自己解決了。而且你對Javascript的物件導向的開發也有了瞭解，有著向後相容的開發思想。顯然你看完這些書，你對WEB標準也會有一個更深層次的理解。

當然，想成為一個優秀的前端工程師，你要學習的知識並不只有這些，你也要知道SEO的最佳化知識，因為你寫的頁面要對搜尋引擎也要友好，要結構合理。你還要瞭解SQL和資料庫，最好還要瞭解C#等後台編程的語言。兩個主要原因，要全面的提高自己，而且要充分的理解物件導向的編程，這些傳統語言的思想更成熟，但要知道Javascript跟這些傳統的程式設計語言的繼承機制是不一樣的。所以不要用Javascript來寫C#。還有一個重要的原因，你要跟背景程式員合作，要他們更堅決的執行你的不唐突的開發思想，你必須要經常給他們洗腦。但是你說的話要讓他們聽得進去，他說的東西你要瞭解，而你最好也能給他一些有好的建議，他們才會聽你的。為了我們WEB標準的開展，辛苦點就辛苦點吧！

這裡要補充的就是，前端開發你要自己努力學習還有JSON和Regex，目前還沒有很詳細的介紹正則的書，然後就是AJAX程式中取代XML的JSON的資料載體，掌握JSON要比XML容易得多。最後就是大家也是我提到過很多次的閉包的使用，物件導向的開發的思想。

呵呵，最後就是多練習，把你學到知識運用到實際的開發中，常跟朋友多交流，我也希望能跟大家多交流心得。大家共同進步！