javascript - jQuery 哪个是正确的函数定义？

Question

我在 jQuery 中看到了三种不同的函数定义。正确的使用方法是什么？

示例 1:

function example() {
  // code here
 }

示例 2:

jQuery('#Example').click(function() {
  // code here
 });

示例 3:

var example = {
    demo : function() {
      // code here
    }
}

我为什么要选择哪个？

Answer 1

这里没有“最佳”之分，因为每个函数定义都是独立的并且服务于不同的目的。另请注意，只有第二个示例与 jQuery 有任何关系。

你的第一个例子只是一个普通的 JS 函数定义，没有什么特别的。

您的第二个是 jQuery click 事件处理程序，用于声明在所选元素上发生单击事件时应执行的逻辑。

第三个示例是对象内的函数定义，这在使用 OOP 方法(就像声明类/模型)或只是在逻辑中传递值集合时非常有用。