JQuery: Was ist der Unterschied zwischen diesen beiden Aussagen?

Question

Gibt es einen Unterschied zwischen diesen beiden Aussagen?

$(document).ready(function() {
    // Code
});

$(function() { 
    // Code
});

Answer 1

In der Auflösung gibt es keinen Unterschied, sie sind gleichwertig.

Aus dem entsprechenden Quellcode

jQuery = window.jQuery = window.$ = function( selector, context ) {
    // The jQuery object is actually just the init constructor 'enhanced'
    return new jQuery.fn.init( selector, context );
}

jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {

    /* .... irrelevant code.... */

    // HANDLE: $(function)
    // Shortcut for document ready
    else if ( jQuery.isFunction( selector ) )
        return jQuery( document ).ready( selector );     
   }
}

Answer 2

Wenn Sie meinen

$(document).ready(function() {/* code here */});

und

$(function() {/* code here */});

dann gibt es keinen Unterschied zwischen den beiden. Letzteres ist nur eine Abkürzung, die das Gleiche bewirkt wie ersteres.

Answer 3

Im Grunde genommen tun diese beiden Aussagen das Gleiche. Intern ruft jedoch die zweite Anweisung die erste Anweisung auf.

Answer 4

Ich denke, es ist wichtig, darauf hinzuweisen, dass die offizielle jQuery Linie ist, dass die zweite Syntax:

$(function() {
    // code here
});

bevorzugt wird. Warum? Weil es die Möglichkeit bietet, dass Herr Resig & Co. einen brillanten neuen Weg finden, um die Initialisierung beim Laden durchzuführen, der viel besser ist als die Verwendung des Ereignisses "ready". Wenn sie das tun und Sie die einfachere (zweite) Methode verwenden, dann wird Ihr Code sofort von der Verbesserung profitieren, ohne dass Sie etwas ändern müssen. Wenn Sie die explizite Bindung an das "ready"-Ereignis verwenden, bleiben Sie bei diesem Ansatz, bis Sie ihn ändern.

Answer 5

Haben Sie gemeint:

$(function ()
{
  /* ... */
});

Sie sind in jQuery gleichwertig. Letzteres ist eine Kurzform für Ersteres.