Aprofundando-se no jQuery.fn: o alias do protótipo

Na biblioteca jQuery, você pode encontrar o enigmático jQuery.fn. O que esse fn misterioso representa e para que serve?

O papel do protótipo

No reino do JavaScript, a propriedade protótipo é um componente crucial do funções construtoras. Quando você cria uma instância usando um construtor específico, essa instância herda propriedades e métodos do protótipo do construtor.

jQuery como um construtor

Da mesma forma, o identificador jQuery (ou $) atua como uma função construtora. Cada objeto jQuery criado herda do protótipo do construtor jQuery. Este protótipo é acessível por meio da propriedade fn, essencialmente tornando jQuery.fn um alias para jQuery.prototype.

Uma análise mais aprofundada com um exemplo

Para ilustrar esse conceito, vamos construir uma função construtora simples:

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

var test = new Test();

Neste exemplo, a instância test herda a propriedade b do protótipo do construtor Test.

jQuery Architecture and Extensions

O funcionamento interno do jQuery se assemelha a esta estrutura de protótipo de construtor:

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

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

  window.foo = foo;
})();

No jQuery, extensões podem ser adicionadas ao protótipo por meio da propriedade fn, permitindo aprimorar objetos jQuery com funcionalidade personalizada.