Application Layout 程式开发入门介绍.docVIP

\o Permanent Link to Application Layout 程式開發入門介紹 Application Layout 程式開發入門介紹 今天要介紹的是初級的觀念，是關於Application Layout的話題，所謂的Application Layout就是你在撰寫程式的時候，如何決定你程式碼的風格，讓它具備有相當的易讀性。這樣做的好處，一來是在團隊裡面如果程式碼風格固定，別人要接手或支援你的專案會比較容易。二來如果以後你要修改程式，也必較容易。以我來說，由於每天開發實在很大，一周前寫的程式自己都越覺得很陌生。好啦，廢話不多說，至接近入正題。 一開始我們些略過JavaScript兩種建立物件的方法，我先把大概介紹一下，但是這篇文章不會談論到這個部分。方法一是： view plain copy to clipboard print ? ?? var?MyObject?=?function(){ ?? ????/*Your?Code?Here*/?? };?? 方法二是： view plain copy to clipboard print ? ?? var?MyObject?=?function(){ ?? ????return{ ?? ????/*Your?Code?Here*/?? ????} ?? }();?? 好，今天我們介紹的Application Layout是許多Javascript設計師常用的架構，當然每個人都又自己的偏好。不過我觀察到一個趨勢，今天介紹的架構是最受許多人歡迎的。 view plain copy to clipboard print ? ?? MyObject?=?function()?{ ?? ????//?private?variables?:?私有屬性或稱為區域變數 ?? ????//?private?functions?:?私有方法或稱為區域方法 ?? ????//?public?space ?? ????return?{ ?? ????????//?public?properties,?e.g.?strings?to?translate?:?公有屬性或稱為公開變數 ?? ?? ????????//?public?methods?:?公有方法或稱為公開方法 ?? ????????init:?function()?{ ?? ????????????alert(Application?successfully?initialized); ?? ????????} ?? ????}; ?? }();?//??? 上面一堆提到一堆公有/私有，公開/區域..等名詞都是翻譯的問題。我個人還是比較喜歡用英文來稱呼。 上面的架構已經把private 與public 的位置規劃出來了，所以如果把程式碼都放到正確的位置上，大致的架構應該如下 view plain copy to clipboard print ? ?? MyObject?=?function()?{ ?? ????var?myFirstName=Jack; ?? ????var?myLastName=Slocum;?//sorry?jack?:?) ?? ?? ????function?getFirstName(){ ?? ????????alert(myFirstName); ?? ????} ?? ????function?getLastName(){ ?? ????????alert(myLastName); ?? ????} ?? ????return?{ ?? ????????NickName1:?Super?Jack, ?? ????????NickName2:?Good?Futher?Jack, ?? ????????init:?function()?{ ?? ????????????alert(this.NickName1);?//在Public?zone裡面的需要使用this.xxxx來存取變數 ?? ????????????alert(myFirstName);????//在Public?zone裡面的直接使用?xxx來存取??private?zone裡面的變數 ?? ????????}, ?? ????????other?:?function(){ ?? ????????????alert(this.NickName2);?//在Public?zone裡面的需要使用this.xxxx來存取變數 ?? ????????????alert(myLastName);????//在Public?zone裡面的直接使用?xxx來存取??private?zone裡面的