團隊合作-如何避免JS衝突

標籤：hash   對象   global   根據   bsp   col   一個   通訊   cti   

解決JS衝突的演化過程

1.用匿名函數將指令碼包裹起來，可以有效控制全域變數，避免衝突隱患

（function（）{}）（）；

2.定義一個全域範圍的變數str,可以協助我們在不同匿名函數間通訊

嚴格控制全域變數的數量（不同匿名函數之間通訊越多，全域變數越多，違背使用匿名函數的初衷）

3.hash對象作為全域變數

GLOBAL是全域變數，用做通訊橋樑的變數是作為GLOBAL的屬性存在的，如果變數名比較簡單，還是很容易互相覆蓋掉

4.使用命名空間

命名空間是一種特殊的首碼，在JavaScript中它其實是通過{}對象實現的，在不同的匿名函數中，我們根據功能聲明一個不同的命名空間，然後每個匿名函數中GLOBAL對象的屬性都不要掛在GLOBAL對象上，而是掛在此匿名函數的命名空間下

5.定義命名空間函數，方便調用

6.給代碼添加適當的注釋，提高代碼的可維護性

總結：添加必要的注釋，可以大大提高代碼的可維護性，對於團隊合作來說是非常必要的

          讓JS不產生衝突，需要避免全域變數的泛濫，合理使用命名空間以及為代碼添加必要的注釋

團隊合作-如何避免JS衝突