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