JavaScript/JQuery = 奇怪的函数定义，从未见过的语法？

Question

下面是 JQueryTools 的一个函数，我以前从未见过以下定义，也不明白它的目的是什么:

(function (b) { ....})(jQuery);

为什么在函数定义周围用圆括号()括起来，为什么在它后面写上(jQuery)？这具体是做什么的。从我的 Angular 来看(jQuery)根本没有任何功能？我在哪里可以了解有关此语法和用途的更多信息？

非常感谢。

弗兰克

(function(b) {
 b.fn.wheel = function(e) {
  return this[e ? "bind" : "trigger"]("wheel", e)
 };
 b.event.special.wheel = {
  setup : function() {
   b.event.add(this, d, c, {})
  },
  teardown : function() {
   b.event.remove(this, d, c)
  }
 };
 var d = !b.browser.mozilla ? "mousewheel" : "DOMMouseScroll"
   + (b.browser.version < "1.9" ? " mousemove" : "");
 function c(e) {
  switch (e.type) {
  case "mousemove":
   return b.extend(e.data, {
    clientX : e.clientX,
    clientY : e.clientY,
    pageX : e.pageX,
    pageY : e.pageY
   });
  case "DOMMouseScroll":
   b.extend(e, e.data);
   e.delta = -e.detail / 3;
   break;
  case "mousewheel":
   e.delta = e.wheelDelta / 120;
   break
  }
  e.type = "wheel";
  return b.event.handle.call(this, e, e.delta)
 }
 var a = b.tools.scrollable;
 a.plugins = a.plugins || {};
 a.plugins.mousewheel = {
  version : "1.0.1",
  conf : {
   api : false,
   speed : 50
  }
 };
 b.fn.mousewheel = function(f) {
  var g = b.extend( {}, a.plugins.mousewheel.conf), e;
  if (typeof f == "number") {
   f = {
    speed : f
   }
  }
  f = b.extend(g, f);
  this.each(function() {
   var h = b(this).scrollable();
   if (h) {
    e = h
   }
   h.getRoot().wheel(function(i, j) {
    h.move(j < 0 ? 1 : -1, f.speed || 50);
    return false
   })
  });
  return f.api ? e : this
 }
})(jQuery);

Answer 1

它内联定义一个匿名函数，然后立即调用该函数，并传入 jQuery 参数。

本质上等同于

function anonymous(b) {
   ...
}

anonymous(jQuery);

除了它有几个优点/差异:

• 这个大概是一次性的函数不需要名称
• 该函数不会影响全局命名空间，并且不会出现任何名称冲突，也不会被任何其他代码“意外”引用。
• 这是一种更简短的语法，在某些琐碎的情况下通常比显式定义一个琐碎的函数然后引用它更清晰。

事实上，如果您熟悉的话，其优点、缺点和推理类似于 Java 中的匿名内部类。

函数定义周围使用方括号的原因仅仅是因为 Javascript 中标记绑定(bind)方式的优先级；它们需要将函数定义与其参数分开。如果没有它们，代码在语法上就不会正确。