jquery - 为什么这个 Javascript (jQuery) 不会进入无限循环？

Question

我正在阅读 Karl Swedberg's blog 上关于绑定(bind)和取消绑定(bind)事件的精彩文章(因为我是使用 jQuery 的 js 初学者) ，我对这部分代码感到完全困惑(为简洁起见，进行了简化):

    function addItemUnbind() {
      $Add a button but it won't have it's event added;
      addItemUnbind();
  });

为什么通过将相同的函数放入其自身中，它不会继续执行到无限循环？然而，它用于将事件重新绑定(bind)到元素...!？

Answer 1

据我所知，你的例子会。但是，您的示例与您引用的网站上的示例不同。

function addItemUnbind() {
  $('#list6 li.special button')
    .unbind('click')
    .bind('click', function() {
      var $newLi = $('<li class="special">special and new <button>I am new</button></li>');
      $(this).parent().after($newLi);
      addItemUnbind();
  });
}

在此示例中，当用户单击按钮时，将调用“addItemUnbind”。