Créer une jQuery comme "$" objet "

Vous pouvez transmettre la valeur 'Azerty' comme paramètre sur MyClass Constructor et modifier le test ('azerty'). Déplacez () sur Test.Move ()

<script type="text/javascript">
    var MyClass = function(context) { 
        this.print = function(){     
            console.log("Printing"); 
        }  
        this.move = function(){     
        console.log(context); 
        return context;
        } 
    };  
    var test = new MyClass('azerty'); 
    test.print(); // Works 
    console.log('Moving: ' + test.move() ); // Type property error 
</script>

Chaque fois que vous appelez $ code> dans jQuery, il renvoie un nouveau jQuery.init code> objet. L'objet jquery.init code> a des fonctions qui sont ensuite appelées.

test.a.prototype.move = function()
{
  //move function defined for the a object
  return this;
};

jQuery () code> est à la fois un module avec des méthodes globales et un constructeur. Il appelle automatiquement un constructeur s'il doit. Si nous ne sommes pas appelés avec un mot-clé code> neuf code>, alors ceci code> n'aura pas été construit avec myClass code>. Nous pouvons détecter cela et appeler la fonction en mode constructeur à la place. Une fois que nous faisons cela, alors ceci code> sera une instance de myClass code> et nous pouvons commencer à ajouter des trucs.

var MyClass = function(context) {
    // if the function is called without being called as a constructor,
    // then call as a constructor for us.
    if (this.__proto__.constructor !== MyClass) {
        return new MyClass(context);
    }

    // Save the context
    this.context = context;

    // methods...
    this.print = function() {
        return "Printing";
    }

    this.move = function() {
        return this.context;
    }
};

$('#output').append('<li>print(): '+ MyClass().print() +'</li>');
$('#output').append('<li>move():'+ MyClass('azerty').move() +'</li>');
$('#output').append('<li>context: '+ MyClass('azerty').context +'</li>');