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

Question

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

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

为什么函数定义要用圆括号 () 括起来，为什么后面要写 (jQuery)？这具体是做什么的。从我的角度来看（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 中标记绑定方式的优先级；它们需要将函数定义与其参数分开。 如果没有它们，代码在语法上就不会正确。

Answer 2

该函数立即运行并且是 将 jQuery 作为名为的参数传递 ‘$’。由于‘$’是局部变量，我们 可以假设它总是指 jQuery 库而不是另一个 抓取全局‘$’的库 变量第一。 来源 - “如何开发 jQuery 插件”

我提到的文章使用了典型的

$

变量。在这种情况下，插件作者选择使用

b

。这是为了防止与可能尝试使用相同全局变量的其他 Javascript 库发生冲突。