jQuery 插件选项：在 this.each 块之前或内部扩展？答案

【问题标题】：jQuery Plugin Options: Extend before or inside this.each block?jQuery 插件选项：在 this.each 块之前或内部扩展？
【发布时间】：2010-10-28 19:13:04
【问题描述】：

我正在查看http://docs.jquery.com/Plugins/Authoring 的插件创作文章，并在默认值和选项部分看到了这个示例：

$.fn.tooltip = function( options ) {  
var settings = {
  'location'         : 'top',
  'background-color' : 'blue'
};
return this.each(function() {        
  // If options exist, lets merge them
  // with our default settings
  if ( options ) { 
    $.extend( settings, options );
  }

我不完全理解为什么 .extend 调用在 this.each 块内？我的第一个直觉是把它写成：

$.fn.tooltip = function( options ) {  
var settings = {
  'location'         : 'top',
  'background-color' : 'blue'
};
$.extend( settings, options || {} );

return this.each(function() {

所以我将 .extend 调用移到 return 上方（并用 || {} 替换了丑陋的 if - 我认为这有意义吗？）。

这里有什么我没有看到的吗？任何奇怪的关闭相关的东西可能吗？如：全局修改设置与仅在该调用上？（编辑：显然我不是 - http://jsfiddle.net/fVSDH/）

【问题讨论】：

learningjquery.com/2007/10/a-plugin-development-pattern

标签： jquery

【解决方案1】：

你是对的。

为 jQuery 集合中的每个元素扩展 settings 对象没有任何意义。

另外，您的|| {} 非常标准，经过实战验证并且很好。

var settings = $.extend({
   'location':          'top',
   'background-color':  'blue'
}, options || {});

是这里可以做的另一个优化。

【讨论】：