从外部访问匿名函数内部的变量

Question

jquery-ui 对话框小部件（就像所有其他小部件一样）被包装在一个匿名函数中。

在这个函数内部有一个声明为sizeRelatedOptions的变量。我需要从包装闭包外部向该对象添加一个键。实现这一目标的最佳方法是什么？

(function( $, undefined ) {

    var sizeRelatedOptions = {
        buttons: true,
        height: true,
        //etc
    }

    $.widget( "ui.dialog", {
        //widget code
    });

}( jQuery ) );

编辑#1：上面的代码是jQuery ui的source code

编辑#2：我现在明白我不能简单地访问该变量。所以我必须解决这个问题。因此，这里有一些关于我为什么需要这个的更多信息：

我正在扩展 jQuery ui 的对话框小部件以添加另一个 buttonPane。为了在将窗格添加到小部件后使小部件自行调整大小，我想向sizeRelatedOption 添加一个选项。 （这就是这个问题首先要解决的问题。）因为对话框小部件的_options 函数会检查sizeRelatedOption 中是否存在该选项作为键。在这种情况下，它会调用 _size 函数来调整小部件的大小。

希望我能说清楚一点。

Answer 1

您根本无法不直接修改源代码，但这不是您应该考虑的选项，因为出于多种原因，这是一种非常糟糕的做法。

该变量对该范围是私有的，除非该对象使其可以公开访问，否则您的代码必须在声明该变量以访问它的那个范围内或子范围内运行。

但是，如果您尝试更改某些配置选项，小部件已经为此提供了API。

例如，

$('#dialog').dialog({
    height: 500,
    width: 500
});

编辑：如果您可以向我们提供更多详细信息，说明您尝试实现这一目标的原因，我们可能会为您提供其他选择。

Answer 2

您可以将其设置为全局变量：

var window.sizeRelatedOptions = { // now it's a global

最好让你的匿名函数返回变量，但是：

var myvar = (function( $, undefined ) {

  var sizeRelatedOptions = {
    buttons: true,
    height: true,
    //etc
  };
  var returnvar = sizeRelatedOptions; // in case sizeRelatedOptions is modified

  $.widget( "ui.dialog", {
      //widget code
  });

  return returnvar;

}( jQuery ) ); // now myvar contains the same data

Answer 3

将窗口对象传递给函数，然后您可以将方法和属性附加到它。

(function( $, window, undefined ) {

    window.sizeRelatedOptions = {
        buttons: true,
        height: true,
        //etc
    }

    $.widget( "ui.dialog", {
        //widget code
    });

}( jQuery, window ) );

Answer 4

你应该在全局范围内声明这个变量。 您可以使用$.extend 向现有对象添加属性。

window.sizeRelatedOptions  = {};

(function( $, undefined ) {
    $.extend(sizeRelatedOptions ,  {
        buttons: true,
        height: true,
        //etc
    });

    $.widget( "ui.dialog", {
        //widget code
    });
}( jQuery ) );

Answer 5

var accessor = (function( $, undefined ) {

    var sizeRelatedOptions = {
        buttons: true,
        height: true,
        //etc
    }

    $.widget( "ui.dialog", {
        //widget code
    });
    return {
       getSizeRelatedOptions: function () { return sizeRelatedOptions; }
    }
}( jQuery ) );
accessor.getSizeRelatedOptions();

我认为不修改小部件的源是不可能的。