你怎么知道你必须使用 function() {} ？

Question

代码 1

$(document).ready(function() {
    $('.poem-stanza').addClass('highlight');
});

代码 2

$(document).ready(
    $('.poem-stanza').addClass('highlight');
);

Answer 1

您阅读正在调用的方法（在本例中为 ready 方法）的文档，并查看它期望的值类型。

如果它需要一个函数，请使用您的第一个示例。

如果它需要 jQuery* 对象，请使用第二个示例（因为 addClass 方法的返回值是 jQuery 对象）。

*我假设您正在使用 jQuery，因为我认为它是唯一具有这样命名的函数的库。 不过我可能是错的， $ 是一个愚蠢的函数名称。

Answer 2

如果函数接受函数作为参数，则代码 2 将不起作用，因为它

$('.poem-stanza').addClass('highlight');

不是函数定义（它是语句）

要创建表示函数的对象，应使用以下语法之一：

function myFunc() {
}

or

var myFunc = function() {
}

or

var myFunc = new Function("...javascript code...");

在其中之一之后根据上面的定义，myFunc 将保存一个表示函数的对象。

Answer 3

呵呵，就是这样的 :D

不，说真的，当你必须在 read() 内部做一些事情时； 或类似的方法，您可以使用。 功能。 其他方法接受参数。 文档将为您提供详细信息。

Answer 4

就像其他人所说的那样，您必须查找文档才能了解该函数接受什么类型的参数。 然而，这里重要的部分是：如果你有一条语句，当解释器遇到它时它就会被执行。 如果您定义一个函数并将其传递给就绪函数，则就绪函数将决定何时执行它。 在这种特殊情况下，当文档准备好时。 另一个例子是 setTimeout，它需要一个函数和毫秒数作为参数。

规则是这样的：当你想将一些代码传递给其他函数时，你必须将其包装在一个函数中。 如果您使用（未包装的）语句，它将被执行并将结果传递给函数。

Answer 5

如果需要回调函数，请使用 function 关键字。 当你使用像ready和click这样的方法时，你不希望代码在设置事件时运行，而是在事件发生时运行，所以需要回调功能。

使用匿名函数就像使用您之前定义的命名函数一样。 在这样的示例中，可以更轻松地了解正在发生的事情：

function onReady() {
    $('.poem-stanza').addClass('highlight');
}

$(document).ready(onReady);