從javascript中的另一個模塊更新全局變量？

Question

我該如何實現它？

我有一個名爲「tooltip」的模塊，它具有一個「淡入淡出」功能，該功能反過來使用全局「元素」變量。該變量是對DOM元素的引用。我想從另一個名爲「lightbox」的模塊更新它，所以我可以讓「淡入淡出」函數處理淡入效果。我所有的模塊都使用閉包來聲明。

var tooltip = function{ 
     var element; 
     return{ 
      fade: function(){ fade code goes here...} 
     }; 
    }(); 

我可以只做以下操作來更新燈箱模塊中的「元素」嗎？

tooltip.element = document.getElementByID('lightbox-con'); 

沒有jQuery代碼請...

Answer 1

如果有模塊你的意思是對象那麼你可以這樣做：

var tooltip = { 
    element: null, 
    fade: function() { 
     //fade code goes here... 
     // you can access the element via this.element 
    } 
} 

然後可更新元素如你所述：

tooltip.element = document.getElementByID('lightbox-con'); 

---

但如果element在fade功能只用，你也可以考慮的元素只是傳遞給函數：

var tooltip = { 
    fade: function(element) { 
     //fade code goes here... 
    } 
} 

做：

tooltip.fade(document.getElementByID('lightbox-con')); 

這取決於你真正想要做什麼。