Javascript.RU

Создание классов и методы-обработчики событий в jQuery

jQuery - прекрасный инструмент. В нем решены многие задачи, с которыми web-программист сталкивается изо дня в день. Долгое время одним из недостатков jQuery его приверженцами называлось отсутствие правильного объектно-ориентированного подхода. Если разработчику нужно было создать собственный класс, то это приходилось делать стандартными средствами JS. И выглядело это весьма причудливо. Чтобы описать собственный класс приходилось использовать следующую конструкцию.

// Объявление класса
function Car (vendor, color) {
	this.vendor = vendor;
	this.color = color;
	this.speed = 0;
	this.setNewSpeed = setSpeed;		
}
function setSpeed(speed) {
	this.speed = speed;
}
 
// Объявление объекта класса
var newCar = new Car ('BMW', 'red');
// Вызов метода
newCar.setNewSpeed(150);
// Отобразим значение свойства
alert(newCar.speed);
// Создание потомка
function Trailer (vendor, color, tonnage) {
	Car.call(this, vendor, color);
	this.tonnage = tonnage;
}
// Создание экземпляра
var newTrailer = new Trailer('Daewoo', 'yellow', 30);

Читать далее про создание классов и методы-обработчики событий в jQuery.

+1

Автор: Dmitry A. Soshnikov, дата: 7 января, 2009 - 23:59
#permalink

Мои комменты на сайте по ссылке.


Автор: Гость (не зарегистрирован), дата: 25 марта, 2011 - 11:58
#permalink


Автор: ML (не зарегистрирован), дата: 19 апреля, 2012 - 15:05
#permalink

в коде (а именно на 15 строке) ошибочка.
надо:
newCar.setSpeed(150);


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
17 + 0 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Другие записи этого автора
IzumeRoot
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Популярные таги
Последние комментарии
Последние темы на форуме
Forum