※ 引述《grence (dalalida)》之銘言:
: : 1.但改法一二其實都不夠好 想知道還有什麼更好的寫法?
: : 比如是不是可以用OO化的module pattern
: : 定義delete, add為public function
: : 再定義init()去load這些public function?
: 拆成獨立的 js檔(眼不見為淨XD
: 再看是用前端處理:
: window.onload=function(){
: getScript("add.js");
: getScript("delete.js");
: }
: 或是配合後端:
: <script src="combine?file=add.js,delete.js"></script>
: 這做法的前提是各 function彼此獨立,不然考慮到載入、執行順序又會很囉嗦。
: 不過我覺得原本的程式看起來不會很難維護…可能是 PO文的時候有簡化過?
: 如果是懂 js但對原程式架構不熟的人,看到這種可以直接翻譯的程式碼反而比較單純;
: 畫面上看到 .delete_button_1,
: 要知道它做了什麼事就直接在程式碼搜尋 ".delete_button_1"
拆檔看起來很乾淨 只是還是放同一個檔方便:
1.維護的人只要搜一個檔即可找到所有資訊
2.變數、function似乎要同個檔才能互相引用
原本程式有簡化過 不然code太長也不好閱讀
我有漏講一個問題 我試著將一些function歸類:
function initForm() {
function addButton() {}
function deleteButton() {}
}
這樣寫視覺上是有分類的
但其實沒必要這樣包裝 本來只有這樣寫
function addButton() {}
function deleteButton() {}
只是這樣的function一多 就會覺得有點亂 想要將fn分群組
還是我fn命名上動手腳就好了? 例如都有個prefix
formAddButton
formDeleteButton
然後把同一類的擺近一點 似乎就夠一目了然了
: : 2.次要功能(可允許失敗) 建議全部用try catch包起來嗎?
: : 還是最好都全部成功 不會有失敗的可能 就不用try catch
: 我自己寫 js很少用 try catch,即使沒出錯,瀏覽器的效能也會有影響,
: 有時候還會遇到奇怪的 bug
: 而且 js檢查變數是否有值或是給預設值都很簡單,
: function test(param, option){
: param = param || {};
: option && option.handler && option.handler();
: };
其實錯誤也只有拿不到node的問題 因為有時候DOM結構不如預期
拿不到node 只會拿到null/undefined 那我要嘛幫他初始化
要嘛檢查拿到的東西是不是null,再往下跑?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 115.82.115.113
※ 編輯: tomin 來自: 115.82.115.113 (08/25 00:22)