javascript - 将变量传递给另一个模块

Question

我有几个模块可以访问常见的 HTML 元素。我正在考虑制作一个模块来为每个元素创建变量，以避免不断访问 DOM 树，但不确定如何去做。

所以...

var Handles = (function(){
  var $ag= $('.ui.dropdown.age_group');
  // ... more like above
}());

var SomeModule= (function(){
  console.log($ag);  // Can I access $ag here somehow?
}());

Answer 1

你可以使 ag 全局化

var ag;
var Handles = (function(){
  ag = 5;
}());

var SomeModule= (function(){
  console.log(ag); 
}());

不确定这是否是您要查找的内容，但另一种选择是将 SomeModule 作为函数调用

var Handles = (function() {
  var ag = 6;
  SomeModule(ag);
}());

function SomeModule(x) {
  console.log(x);
}