différence entre document.ready() fonction interne et une fonction dans <script></script> tag

Question

Quelle est la différence entre ces deux fonctions?

1:

$(document).ready(function myfunc() { 
    function dosomething() { 
     // do something 
    } 
}); 

2:

<script language="javascript"> 
function dosomething() { 
    // do something 
} 
</script> 

Answer 1

La fonction $(document).ready() exécute lorsque le DOM a terminé le chargement. Voir http://api.jquery.com/ready/

Attendu que la fonction n'est pas exécutée jusqu'à ce qu'elle soit appelée. Si vous deviez avoir un appel à cette fonction, cela se produirait en cours de chargement et n'attendrait pas l'exécution d'un événement externe comme dans le premier. Comme:

<script language="javascript"> 
dosomething(); 
function dosomething(){ 
// do something 
} 
</script> 

Answer 2

Dans le premier exemple, votre fonction intérieure dosomething() sera limitée à la portée de myfunc().

Dans le deuxième cas, la fonction dosomething() sera ajoutée à l'espace global. Il sera accessible de n'importe où.