С разработкой Times в лагере JavaScript появился все больше и больше отличных рамок, что значительно упростило нашу разработку. Если вы не удовлетворены просто использованием некоторых готовых API, но, скорее, имеете глубокое понимание их внутренних механизмов реализации (как говорит кто-то, API-самая быстрая амортизация), лучший способ-прочитать их исходный код это то, что вы можете понять это.
Я изучал исходный код jQuery в течение последних двух дней. Хорошо, давайте посмотрим, как работает JQUERY. Эта статья не подходит для друзей, у которых нет понимания таких понятий, как классы, объекты, функции, прототипы и т. Д. В JS.
Начнем с начала:
Во -первых, построить объект для пользователя, предполагая, что наша структура называется Shaka (мое имя;))
var shaka = function () {}; Чтобы сгенерированный объект вызывал методы, определенные в прототипе, нам нужно добавить некоторые методы в Shaka в прототип (принимая Shaka в качестве класса), поэтому мы определяем:
Shaka.fn = shaka.prototype = {};
Здесь Shaka.fn эквивалентно псевдонимам Shaka.Prototype, который удобен для будущего использования.
ОК, давайте добавим метод для Sayhello и добавите параметр в Shaka, так что самая основная структура уже есть.
Запустите кодовое поле
[Ctrl+A All Soims: сначала вы можете изменить какой -то код, а затем нажмите запуск]
Хорошо, не будьте взволнованы, мы заметили, что между этой структурой и используемыми различиями в JQ есть некоторые различия в JQ: мы можем написать таким образом:
jQuery ('#MyID'). SomeMethod ();
Как это работает?
var shaka = function () {return // возвращать экземпляр Shaka;
Итак, как мы получаем экземпляр Shaka? Функция MyClass, то есть конструктор класса, а затем кто -то получает методы, определенные в MyClass.Prototype.