销毁 javascript (jquery) 中的函数

Question

有谁知道如何销毁 javascript (jquery) 函数吗？ 我正在使用 jquery“可选择”，并且在可选择的“停止”事件上触发函数调用“编辑”。

在这个“编辑”功能中，我嵌套了带有大量“点击”事件的开关功能 我在每个“点击”事件中都有很多功能。我的问题是， 每次我触发函数“编辑”内的“可选”函数和事件时，都会再次触发，但以前的函数和事件仍然存在。 我现在要做的就是在可选择的“开始”上取消绑定“编辑”功能中的每个事件。

这是内存泄漏问题吗？ 有没有办法“销毁”javascript中的函数？ 我试图在函数结束时将函数声明为 null，但这不起作用。它里面的函数和事件仍然存在。

有人知道吗？

演示页面在这里 --> http://dreamerscorp.com/test/test01/javascript_destory_test.html

编辑2009/ 10/31 :) 非常感谢您的帮助，您的评论对我非常有用，再次感谢！

Answer 1

您可以尝试使该函数无效，或者覆盖它并分配一个不执行任何操作的匿名函数：

myFunction = null;
// or 
myFunction = function () {};

您也可以在函数本身内执行此操作：

var autoDestroy = function () {
  autoDestroy = null;
  //...
  return 1;
};

autoDestroy(); // returns 1
autoDestroy(); // TypeError: autoDestroy is not a function

Answer 2

要在 jquery 中取消绑定事件，请使用 unbind 函数 http://docs.jquery.com/Events/unbind

$("something").click(function() {
    $("anotherOne").click(function() {
         ....
    });
});

在此示例中，每次单击“something”时，都会向“anotherOne”添加一个事件处理程序，因此如果单击三次，您将获得三个事件处理程序。

$("something").click(function() {
    $("anotherOne").unbind('click').click(function() {
         ....
    });
});

在这里，您保证在“anotherOne”上只有一个点击处理程序。

无需显式销毁以前的处理程序。

Answer 3

基本上，您需要删除对这些函数的所有引用，以便 JavaScript 垃圾收集器可以收集它们。如果已绑定，则需要解除绑定。如果其中有其他变量指向它们，则需要将它们设置为 null。

如果您发布一些代码可能会有所帮助；那么我们就可以给出更好的答案。

...编辑：

这里发生的是，您正在创建一个比包含函数更长寿的闭包：

    function edit(){
      $('.edit').click(function(){
        //...
        function _edit(boxTitle,selectedItemAmount){
          //...
          $('#box .yes').click(function(){
            alert(boxTitle + ' for ' + selectedItemAmount + ' selected item');
            $('#msg').hide(); // hide msg box when yes btn is clicked
          });
        }
        //...
        $('#box .no').click(function(){
          $('#msg').hide();
        });
      });

换句话说，在函数内部，您说，“将此函数附加到 DOM对象”，并且您正在内联执行此操作。 JavaScript 从外部上下文捕获变量并在对内部上下文的引用处于活动状态时使它们保持活动状态。

您需要做的是在非内联的地方定义函数，然后使用它们：

    function boxClickYes(e) {
      alert(e.data.boxTitle + ' for ' + e.data.selectedItemAmount +
        ' selected item');
      $('#msg').hide(); // hide msg box when yes btn is clicked
    }
    function boxClickNo(e) {
      $('#msg').hide();
    }
    function edit(){
      $('.edit').click(function(){
        //...
        function _edit(boxTitle,selectedItemAmount){
          //...
          $('#box .yes').bind("click", {boxTitle: boxTitle,
            selectedItemAmount: selectedItemAmount}, boxClickYes);
        }
        //...
        $('#box .no').click(boxClickNo);
      });

这还演示了如何使用 jQuery 单击处理程序中的 data 属性在附加处理程序和使用它的时间之间存储数据（而不是将数据存储在一个闭包中，该闭包会将作用域链保留在内存中）。当您只是在那里使用内联定义的函数时（例如，$.each 的主体），使用内联定义的函数是没问题的，但当您附加事件处理程序时，就不行了。

Answer 4

要“销毁” javascript 中的函数，只需确保该函数变得不可访问即可。这将使该函数有资格进行回收。 需要注意的一件事是，JavaScript 变量是基于作用域（而不是单个变量）绑定的，如果将绑定保留到作用域，则包含许多未使用对象的作用域可能会持续存在： 要提供更多帮助，需要了解特定代码及其使用方式。

请参阅 javascript 删除运算符作为删除变量或对象成员的一种方法。将值设置为 null/undefined/other-object 会删除到达先前引用的对象的方法（尽管否则可能仍然可以到达，因此不会被回收），但不会删除变量/成员。

delete variable
delete obj.member
delete obj[member]