Обновить глобальную переменную из другого модуля в javascript?

Question

Как это достичь?

У меня есть модуль под названием «подсказка», которая имеет функцию «затухания», которая, в свою очередь, использует глобальную переменную «element». Эта переменная является ссылкой на элемент DOM. Я хочу обновить его из другого модуля с именем «lightbox», чтобы я мог просто позволить функции «fade» обрабатывать эффект постепенного уменьшения. Все мои модули объявлены с помощью закрытия.

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')); 

Это зависит от того, что вы на самом деле хотите сделать.