JS函数封装

Question

考虑以下两个代码示例：

// Example 1 
$('#myButton').click(function() { 
    alert('I was clicked'); 
}); 

// Example 2 
$('#myButton').click(
    alert('I was clicked'); 
); 

为什么要注意，它例如2不工作？

Answer 1

你的第二代码段不起作用，因为它调用window对象（返回undefined）的alert()方法，并传递它返回值（因此，undefined），为处理程序以一个jQuery的click()方法目的。

undefined不是一个有效的事件处理程序，所以click()忽略它并且什么也不做（除了可能会在您的控制台上记录错误，具体取决于您的浏览器）。

您的第一个代码片段传递了一个真正的函数，该函数又调用alert()。由于它是一个函数，它可以被注册为一个事件处理程序。