jQuery Prototypen und Konstruktor-Funktion der Verkettung

Würden wie jQuery ermöglichen den Konstruktor als Funktion akzeptieren Argumente inzwischen seinen Konstruktor dient auch als eine Funktion annehmen Argumente?

Bin ich ein bisschen mit JavaScript, also entschuldigen Sie mich, wenn dies ist eine noob Frage, (ich habe mir die Quelle, aber es ist schwer zu versuchen, Sie zu sezieren).

Sowieso, wie ein Beispiel $(document).ready(<args>); Sowohl der Konstruktor $() und der Prototyp ready() handeln als eine Funktion. Wie? Denn wenn ich es versuchen:

var $ = function( selector ) {
    if(selector == document) {
        return document;
    }
};

$.prototype = {
    constructor: $,
    ready: function( args ) {
        if( isDomReady ) {
            args.apply( document );
        } else {
            window.onload = args;
        }
    }
};

var isDomReady = ( document.addEventListener || document.readyState == ("complete"|"loaded"|true|4) || document.onreadystatechange() ) ? true : false;

$(document).ready(function() { alert("Wibbles!") });

Bekomme ich die Fehlermeldung: Uncaught TypeError: Object[object global] has no method 'fertig'

  • Du bist nicht die Verkettung der Methoden durch Rücksendung this aus ready.
  • Ich weiß, warum du bist immer die Fehlermeldung. $(Document) nur die Rückgabe der HTMLDocument, die nicht über ein .ready Funktion. Wenn $ hatte ein "element" - Eigenschaft, die das Dokument abgelegt element beim ausführen des Konstruktors, dann könnte man überprüfen, ist es bereit-Zustand durch den Zugriff auf die gespeicherten element in der ready-Funktion.
  • Ahh... ich denke, ich werde wieder Lesen, dass der Kommentar ein paar mal, um zu studieren. Lol. Aber ich glaube, ich verstehe. Danke.
  • Grundsätzlich sind alle Methoden das Objekt zurückgegeben, das Sie genannt wurden, aus.
InformationsquelleAutor Jace Cotton | 2013-03-09
  1. 2

    Es ist eine Programmier-Technik genannt-Funktion aufweist.

    Können Sie sehen, mehr dazu hier: Wie funktioniert basic-Objekt/Funktion verketten arbeiten in javascript?

    • Ahh, okay. Vielen Dank für den Verweis!
    InformationsquelleAutor roydukkey
  2. 8

    Weißt du, das fasziniert mich. Sie habe angenommen, die Antwort bereits, aber lassen Sie mich nur post-mine in dem Fall, dass es nützlich erweist. Es ist ein fiddle erstellt, hier

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

jQuery.fn = jQuery.prototype = {
    constructor: jQuery,
    context: null,
    isReady: null,
    init: function( selector, context ) {
        if (selector === document){
            this.context = document;
            this.selector = document;
        }
        console.log(this);
        return this;
    },
    ready: function(func){
        var args = Array.prototype.slice.call(this, arguments),
            boundReadyFunc = func.bind(this, args.slice(1));

        if (this.isReady){
            func();
        }
        else {
            document.addEventListener( "DOMContentLoaded", this.onReady.bind(this, func), false );
        }
    },
    onReady: function(func){
        console.log("onready");
        this.isReady = true;
        func.call(this);
    },
};

jQuery.fn.init.prototype = jQuery.fn;
jQuery(document).ready(function(){
    alert("Hey, here I am");
});

    Lassen Sie mich versuchen zu erklären, wie das funktioniert.

    Jedes mal, wenn Sie rufen so etwas wie $(selector) eine neue jQuery-Instanz erstellt, mit den Optionen, die Sie zur Verfügung gestellt haben (siehe return new jQuery.fn.init( selector, context ););

    Der Einfachheit halber setzen wir das jQuery-Prototyp als andere globalen Namen, jQuery.fn. Um es wirklich verkettbare, die init Funktion muss wieder eine neue jQuery Instanz. Das ist der Grund, warum wir am Ende explizit zu definieren, dass die Prototypen für beide jQuery und jQuery.init sind die gleichen. Auf diese Weise können Sie nun die chain-Funktion Aufrufe, wie

    $(document).ready(DoSomethingHere)

    Hoffe, das hilft.

    Außerdem finden Sie die jQuery-Quelle auf github. Es ist modular aufgebaut und Recht einfach zu befolgen.

    • Danke!!! Dies ist eher die Richtung, die ich gesucht hatte, aber es kam ein wenig zu spät, ich habe bereits in die Funktion verketten. Danke, aber!
    InformationsquelleAutor Jibi Abraham
Schreibe einen Kommentar