jquery封装插件时匿名函数形参和实参的写法解释

当我们封装 jQuery 插件时，通常会使用匿名函数将插件的代码包裹起来，这有助于防止插件的代码与其他程序的代码发生冲突。其中，匿名函数的形参和实参的写法是需要注意的。

匿名函数的形参

匿名函数的形参通常是 $，用于引用 jQuery 对象。这样，在插件内部可以使用 $ 来调用 jQuery 对象，而不必担心 $ 在外部被覆盖的情况。

示例代码：

(function($) {
  // 插件代码
})(jQuery);

在这个例子中，匿名函数的形参 $ 指向了 jQuery 对象。这样，在插件中使用 $ 即可调用 jQuery 的方法。

匿名函数的实参

匿名函数的实参则是我们传入的参数。通过传入不同的参数，我们可以定制化插件的行为。一般情况下，我们会使用一个对象来作为实参，将不同的参数整合到这个对象中。

示例代码：

(function($) {
  $.fn.myPlugin = function(options) {
    // 默认参数
    var defaults = {
      color: 'red',
      fontSize: '12px'
    };

    // 合并用户自定义参数和默认参数
    var settings = $.extend({}, defaults, options);

    // 插件代码
    return this.each(function() {
      $(this).css({
        color: settings.color,
        fontSize: settings.fontSize
      });
    });
  };
})(jQuery);

在这个例子中，我们定义了一个 myPlugin 函数来作为 jQuery 插件。这个函数的实参 options 是一个对象，包含了用户传入的参数。我们使用了 $.extend 方法将用户传入的参数和默认参数进行合并，然后在插件代码中使用这些参数来对元素进行样式调整。

通过这种方式，我们可以在调用插件时传入不同的参数，实现定制化的效果。

总的来说，匿名函数的形参和实参在封装 jQuery 插件时非常重要，不仅有助于减少代码冲突，还可以实现插件的定制化效果。