JS單例模式在工作中的使用

比如有乙個js叫demo.js，那麼我們可以在js裡這樣寫：

var demo = {}

這樣做的目的是將整個js當成乙個物件，這樣暴露在外的全域性變數就只有demo這乙個命名，不像我們平常寫直接寫很多函式，這都是對全域性空間的一種汙染，一旦專案中別人也取了同樣的名稱，那麼就容易出問題了。

function ***1{}function ***2{}function ***3{}

同時為了方便維護管理js，還可以對demo內部進行劃分模組，可以按照頁面劃分，也可以按照具體功能模組劃分。

比如按照頁面劃分的寫法：

var demo =       },

page2:       }

可以看到，如果單純按照頁面去劃分，那麼頁面與頁面的之間的js可以分離的很清楚，但是也有乙個弊端，即如果兩個甚至多個頁面擁有相同的功能，那麼會需要去呼叫其它頁面的js，這樣不是很利於維護。

所以我們還可以按照功能+頁面混合模式來劃分模組，例如：

var demo = ,

page1:     },

page2:     }

以上**只是舉個例子，我們可以進一步完善一下:

var demo = ,

page1: ,

_setslide: function,

verify:function

},

page2: ,

_setslide: function

可以看到，我們在每個頁面模組裡增加了乙個init方法，我們可以叫它頁面初始化方法，它的作用就是集中呼叫其它方法，相當於這個頁面的入口，這樣我們只要看到這個方法就大概能知道我們呼叫了哪些方法了，而不需要在頁面裡去分別的呼叫。維護起來更方便些。