What is prototype.js?

Prototype.js - это кроссбраузерная JavaScript-библиотека, которая может облегчить работу с Web страницей. К слову говоря, она используется в серверном фреймворке Ruby on Rails, на котором, к слову говоря, написан Twitter. Давайте сразу скажу, почему я упорно называю её Prototype.js, а не просто Prototype. Дело в том, что в JS есть одноимённый объект - prototype. И есть он у всех объектов и вообще у всего кроме null и undefined, которые объектами не являются.
И это не случайность - что они называются одинаково. Prototype.js расширяет стандартные объекты браузера и вообще JavaScript. Ну а такое вот расширение производится через объект prototype. Профессионалы и гуру JS называют Prototype.js "фреймворком созданном непрофессионалами для непрофессионалов", а подобный метод - "monkey patching". Действительно метод, используемый prototype.js, может конфликтовать с браузерами, да и с другими скриптами. Однако он удобен, и против этого не возразишь. Ладно, не будем здесь говорить - хорошо это или плохо. Изучив prototype.js, вы сами всё узнаете и поймёте.

Основные функции prototype

Prototype имеет несколько основных функций. Это самые основы Prototype и их хорошо надо знать.

$

Как-то нравится всем разработчикам JS-фреймворков функция доллара ($). jQuery её предоставляет для получения элемента по селектору. Prototype, как и Mootools, работает совершенно по другому. $ в ней является всего лишь сокращением функции document.getElementById. К слову сказать: элемент по этой функции возвращается уже расширенный с помощью Prototype.

Внимание! Для использования jQuery совместно с Prototype, необходимо применить функцию jQuery.noConflict(). В таком случае jQ освободит функцию доллара $ для Prototype, а сам останется доступен по функции jQuery. Правда это может уменьшить совместимость с плагинами; а функцию $ во всех jQ-скриптах придётся заменить на функцию jQuery.

Ещё такой момент. Можно передать сразу несколько параметров. Тогда будет возвращено несколько элементов.

Разумеется, все переданные элементы будут расширены. Тут есть ещё интересный момент. Можно передать элемент напрямую - тогда он тоже вернётся и будет расширен.

$$

А вот эта функция уже, как и в Mootools, возвращает элемент по CSS-селектору. Разумеется, можно также передать и несколько параметров. А вот элемент уже передать нельзя.

$A

Функция $A получает на вход один объект, похожий на массив, а возвращает настоящий массив. Представляет собой псевдоним для функции Array.from. Вот вам пример:

$F

Функция $F является псевдонимом для функции Form.Element.getValue. Передаём ей id формы, и в ответ возвращается значение формы (value), либо значение свойства checked (для checkbox, radiobox и т.д.).

$H

Преображает переданный объект в объект класса Hash. Это специальный объект, предоставляемый Prototype. В общем, мы его позже будем изучать, пока не заморачивайтесь. Но всё-таки пример:

$R

Создаёт новый объект класса ObjectRange. Является псевдонимом конструктора ObjectRange. Короче так:

$w

Разбивает строку на массив, разделитель - пробелы.

document.getElementsByClassName

Подобно функциям html5, ищет элементы с указанным классом. При этом можно вторым параметром передать элемент, внутри которого искать.

Вот оно - эти проблемы с несовместимостью. Допустим, браузер поддерживает document.getElementsByClassName. Что будет? Ошибка? Prototype перекроет стандартную функцию браузера? Скорее всего, да. А самое интересное, что в Prototype эта функция появилась задолго до появления в браузерах.

Try.these

Функция Try.these является аналогом конструкции try...catch. Вот пример:

Как думаете, что вернётся? Вначале выполнится первая функция, алертнет 0, затем возникнет ошибка от неизвестной переменной и выполнится вторая функция. Здесь ошибок не возникнет, функция мирно алертнет 1. И вся эта конструкция вернёт 1 - то что вернула вторая функция.

Под конец

Ещё немножко инфы про Prototype. Автор: СымСэм Стефенсон. Последняя версия - 1.8. Дальше она продвигаться вряд ли будет. Автор её забросил, занимается сейчас другими вещами. Ну а сама библиотека потихоньку умирает :(... Слова "Monkey patching" и "расширение глобальных объектов is bad" ещё больше ускоряют это. В Ruby on Rails вместо Prototype появилась jQuery... Но тем не менее, это не повод чтобы не изучать эту хорошую библиотеку и отказываться от её возможностей. Тем более, у меня есть мысль возродить её, исправив использование "monkey patching", добавив новых возможностей и назвав proto2.