$ .extend () avec fonctions

J'écris un plugin JQuery qui nécessitera des fonctions de rappel exécutées, par exemple, lorsqu'une option est choisie parmi les Le plugin est appliqué à.

i ' VE Vu des plugins qui vous permettent de définir des fonctions dans les options que vous le transmettez, comme celle-ci: xxx

Je veux pouvoir définir une valeur par défaut somevent Fonction dans mon code du plug-in, mais si l'utilisateur définit cette fonction dans les options, elle doit écraser la fonction par défaut. Est-ce possible avec $. EXTENDRE () , ou suis-je regarde dans les mauvais endroits?

J'ai consulté le Coureur du plug-in Tutoriel, mais je ne pense pas qu'il couvre l'extension du comportement par défaut de fonctions n'importe où. J'ai lu des choses sur l'utilisation d'une fonction init: , mais je préférerais simplement être capable de définir une fonction ( intérieure l'espace de noms du plugin) et de le modifier avec les options passé au plugin.

jquery plugins extend

---

3 commentaires

@ T.J.Crowder Désolé, était plus un commentaire de frustration personnel. Va enlever.

---

En JavaScript (contrairement à la plupart des autres principales langues actuelles), les fonctions sont des objets de première classe. Cela signifie que vous pouvez faire la même chose avec des références de fonction que vous pouvez faire avec tout autre type de référence d'objet, y compris ceci. Les réponses démontrent comment, mais le point clé à emporter est que les références de fonction sont des valeurs comme des références d'objet (car elles sont Références d'objet). C'est extrêmement utile. :-)

---

@ T.J.Crowder Merci beaucoup pour l'explication.

---

3 Réponses :

---

0
votes

Oui, vous pouvez étendre des objets qui ont des valeurs de fonction.

var originalFunction = function() { 
    alert( 'original' );
}

var a = { 
    foo: 'bar', 
    func: originalFunction 
};

var b = { 
    foo: 'baz', 
    func: function() { 
        alert( 'ok' ); 
    } 
};

var c = $.extend( {}, a, b );

c.func();    // alerts 'ok'

---

0 commentaires

---

15
votes

Voici un exemple: xxx

si vous ne spécifiez pas SOMEVENT lors du câblage du plug-in, il sera utilisé par défaut. < / p>

---

1 commentaires

Je pensais que je pensais que je partagerais: avoir «div.foo» disponible à la fonction SOMEVENT, passez «Ceci» sans guillemets en tant que paramètre. Fiddle - jsfiddle.net/taytayevanson/ly3k7

---

---

8
votes

en JavaScript, les fonctions sont des objets de première classe. Signification, vous pouvez utiliser des fonctions telles que toute autre variable: xxx pré>

Comme vous pouvez le constater, les fonctions sont comme n'importe quelle autre valeur. Donc, vous pouvez définir une option par défaut qui sera une fonction et la remplacer comme tout autre chose. P>

$.fn.weirdNoise = function ( options ) {
    var defaults = {
        makeNoise : function () {
            return 'Rabadabadaba';
        },
        isSilly : true
    };

    return $.extend( defaults, options );
};

var raba = $( 'foobar' ).weirdNoise().makeNoise();
raba.makeNoise(); //'Rabadabadaba'
raba.isSilly; //true

var shaba = $( 'foobar' ).wierdNoise({
    makeNoise : function () {
        return 'Shabadabadoo';
    }
});
shaba.makeNoise(); //'Shabadabadoo'
shaba.isSilly; //true

---

0 commentaires

---

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap

---

datetimepicker ne fonctionne pas avec bootstrap 4?

---

L'appel Ajax n'affiche pas de réponse en cas de succès

---

django admin - Comment ajouter du javascript à la fin d'un fichier

---