Profundizando en jQuery.fn: el alias del prototipo

Dentro de la biblioteca jQuery, puede encontrar el enigmático jQuery.fn. ¿Qué significa este misterioso fn y para qué sirve?

El papel del prototipo

En el ámbito de JavaScript, la propiedad prototipo es un componente crucial de funciones constructoras. Cuando crea una instancia usando un constructor específico, esa instancia hereda propiedades y métodos del prototipo del constructor.

jQuery como constructor

De manera similar, el identificador de jQuery (o $) actúa como una función constructora. Cada objeto jQuery creado hereda del prototipo del constructor jQuery. Se puede acceder a este prototipo a través de la propiedad fn, lo que esencialmente convierte a jQuery.fn en un alias para jQuery.prototype.

Una mirada más profunda con un ejemplo

Para ilustrar este concepto, construyamos una función constructora simple:

function Test() {
  this.a = 'a';
}
Test.prototype.b = 'b';

var test = new Test();

En este ejemplo, la instancia test hereda la propiedad b del prototipo del constructor Test.

Arquitectura y extensiones jQuery

El funcionamiento interno de jQuery se parece a esta estructura de prototipo de constructor:

(function() {
  var foo = function() { // core constructor
    // ...
  };

  foo.fn = foo.prototype = {
    init: function () { /*...*/ }
    // ...
  };

  window.foo = foo;
})();

Dentro de jQuery, se pueden agregar extensiones al prototipo a través de la propiedad fn, lo que le permite mejorar los objetos jQuery con funcionalidad personalizada.