偏好的 JavaScript Class 實作『基本款』
最近有一些想法,便和伙伴在空閒時間寫一些 Prototype 的專案,既然是嘗試形態的專案開發,就不必考慮穩定性和熟悉度,也不用顧慮失敗的問題,可以盡情玩弄新的,或是過去不常使用的技術。所以,這次使用了 nodejs + express + HTML5 來開發,大玩 JavaScript。
JavaScript 雖然看起來像 Java,但畢竟它不是真的 Java,很多功能考量以易於使用為優先,所以並不嚴謹,一些功能也因此被拿掉。畢竟,當初被設計出來只是為了讓『網頁動起來』,並沒有考量太多。但是隨著需求大增,而現在我們所看到的 JavaScript ,已經是一層層為了需求而疊出來的產物,其不旦保留與舊的 JavaScript 相容,又要擴充物件導向的現代化語言特性,這也是為什麼使用起來總是沒有一個固定的模式。
筆者過去總苦惱 JavaScript 的寫法變化太大,在過程中跌跌撞撞,雖寫了不少 Code,但總是覺得不順手,非常想尋求一個 JavaScript 設計模式的『基本款』,也希望和開發伙伴們有共同遵循的標準,讓專案更容易維護。
經過和隊友們的一番討論,總算有一些結論:/* Example Class */ var Example = function() { /* Private */ var Status = 0; var doms = { object: false; }; var subObject = false; /* Constructor */ subObject = new OtherClass(); doms.object = document.createElement('div'); /* Public */ return { setStatus: function(_status) { Status = _status; }, getStatus: function() { return Status; }, getDOMs: function() { return doms; }, getOtherClass: function() { return subObject; }, Run: function() { /* Call own methods */ this.setStatus(2); this.getStatus(); } }; };
/* Create a new Example Object */ var ex = new Example(); /* Set to private variable */ ex.setStatus(1); /* Get something from private area */ ex.getDOMs().object; /* Using subObject's Methods */ ex.getOtherClass().publicMethods()
留言
張貼留言