miglayout 布局入门 Application Layout 程式开发入门介绍.doc

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