jQuery：匿名函数onclick和onready

Question

首先，该代码正在运行，但我认为并不理想。

我喜欢Javascript中的匿名函数。 因此，我可以在注册onclick处理程序时使用匿名函数：

$(function()){
  $(".foo").on("click", function() {
     ..
  });
}

但是有时候，我意识到我还需要调用onReady函数。 因此，我可以将代码转换为：

$(function()){

  function bar() { .. }

  $(".foo").on("click", bar);

  bar(); //'onload'
}

但这就是很多工作！ （懒惰是程序员的一个好特征）。 我必须创建一个非匿名函数，更改onclick注册等。是否可以保留匿名函数？

在理想情况下，我有以下内容：

$(function()){
  $(".foo").on("click onDomLoaded", function() {
     ..
  });
}

但这没用。

（我看到的唯一选择是扩展“ on”功能，但这看起来很丑）

Answer 1

您可以添加.click()尾随以在加载时触发：

$(".foo").on("click", function() {
 ..
}).click(); //trigger on load

Answer 2

试试这个可能对您有帮助。

$(function()){


  $(".foo").on("click", function(){ bar();});

  bar(); //'onload'
}

function bar() { .. }

Answer 3

@tymejV的想法很接近，但是我可能会有一些不希望有的副作用-例如，已经限制了单击事件。 幸运的是，我们在jQuery中具有“命名空间事件” ，可以解决此问题：

$(function()){
  $(".foo").on("click load.somenamespace", function() {
     ..
  }).trigger("load.somenamespace");
}