Com o desenvolvimento do Times, mais e mais excelentes estruturas apareceram no campo JavaScript, que simplificou bastante nosso trabalho de desenvolvimento. Se você não está satisfeito em usar apenas algumas APIs prontas, mas possui um profundo entendimento de seus mecanismos de implementação interna (como alguém diz, as APIs são a coisa mais rápida de depreciação), a melhor maneira é ler seu código-fonte é que você pode entender isso.
Eu estudei o código -fonte do jQuery nos últimos dois dias. Ok, vamos dar uma olhada em como o jQuery funciona. Este artigo não é adequado para amigos que não têm uma compreensão de conceitos como classes, objetos, funções, protótipos etc. em JS.
Vamos começar com o começo:
Primeiro, construa um objeto para o usuário, assumindo que nossa estrutura é chamada shaka (meu nome;))
var shaka = function () {}; Para que o objeto gerado chama os métodos definidos no protótipo, precisamos adicionar alguns métodos a Shaka no protótipo (tomando Shaka como classe), por isso definimos:
Shaka.fn = shaka.prototype = {};
Aqui, o shaka.fn é equivalente ao alias do shaka.prototipo, o que é conveniente para uso futuro.
OK, vamos adicionar um método para dizer que a Shaka, para que a estrutura mais básica já esteja lá.
Execute a caixa de código
[Ctrl+A todas as dicas de seleção: você pode modificar algum código primeiro e depois pressionar Run]
Ok, não fique empolgado, notamos que existem algumas diferenças entre essa estrutura e jQuery em uso, por exemplo, no JQ, podemos escrever da seguinte maneira:
jQuery ('#myid'). Somemethod ();
Como isso funciona?
var shaka = function () {return // retorna a instância de shaka;
Então, como obtemos uma instância de Shaka? A função myClass, ou seja, o construtor de classe e, em seguida, alguns obtém os métodos definidos no myclass.prototype.