Comment savez-vous que vous devez utiliser function() {}?

Question

Code 1

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

Code 2

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

Answer 1

Vous lisez la documentation de la méthode que vous appelez (la méthode ready dans ce cas) et de voir quel genre de valeur qu'il attend.

S'il attend une fonction, utilisez votre premier exemple.

S'il attend un objet jQuery *, utilisez votre deuxième exemple (puisque la valeur de retour de la méthode addClass est un objet jQuery).

* Je suppose que vous utilisez jQuery car je pense que c'est la seule bibliothèque qui a des fonctions nommées comme ça. Je peux me tromper, $ is a stupid name for a function.

Answer 2

Si la fonction accepte une fonction en tant que paramètre, le code 2 ne fonctionnera pas, parce que

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

n'est pas une définition de fonction (il est une déclaration)

Pour créer un objet qui représente une fonction , l'une des syntaxes suivantes doivent être utilisées:

function myFunc() { 
} 

ou

var myFunc = function() { 
} 

ou

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

Après une des définitions ci-dessus, myFunc tiendra un objet représentant une fonction.

Answer 3

Heh, voilà comment il est: D

Non, sérieusement, quand vous devez faire quelque chose à l'intérieur prêt(); ou des méthodes similaires, vous utilisez un. fonction. D'autres méthodes acceptent les paramètres. Docs vous fournira des détails.

Answer 4

Comme les autres gars l'ont dit, vous devez consulter la documentation pour voir quel type de paramètres la fonction accepte. Cependant, la partie importante est la suivante: Si vous avez une instruction, elle est exécutée lorsque l'interpréteur la rencontre. Si vous définissez une fonction et la transmettez à la fonction ready, la fonction ready décide quand l'exécuter. Dans ce cas particulier, lorsque le document est prêt. Un autre exemple est setTimeout qui attend une fonction et un nombre de millisecondes comme paramètres.

La règle est la suivante: Lorsque vous voulez passer du code à une autre fonction, vous devez l'insérer dans une fonction. Si vous utilisez une instruction (déballée), elle sera exécutée et le résultat est transmis à la fonction.

Answer 5

Si vous avez besoin d'une fonction de rappel, utilisez le mot-clé de fonction. Lorsque vous utilisez des méthodes telles que ready et click, vous ne voulez pas que le code soit exécuté lorsque vous configurez l'événement, mais lorsque l'événement se produit, vous avez besoin d'une fonction de rappel. L'utilisation d'une fonction anonyme est similaire à l'utilisation d'une fonction nommée que vous avez définie plus tôt.Dans un exemple comme celui-ci, il est plus facile de suivre ce qui se passe:

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

$(document).ready(onReady);