Классы, объекты и наследование в JavaScript

[heoh]

очень интересно, спасибо ))

[otaqsun]

Изложение своеобразное у тебя) но полезность бесспорна)

[theOnlyBoy]

Хвалю, хорошо написано (ну, за исключением мелких помарок).
Да и оформлено отлично, приятно.

[gro]

Про добавление метода примитивному значению.

Это ограничение, наложенное JavaScript на переменные (объекты), созданные через строковые,

Это не ограничение, это запаковка примитива в объект.

var srt1 = "Литерал";
str1.tell = "Свойство";

При попытке доступа к свойству (как получения, так и установки) примитивного значения, создается объект, соответствующий этому примитиву и работа продолжается с ним. После нужных действий он удаляется. Значение же самой изначальной переменной не затрагивается.

[gro]

В JavaScript нет встроенной поддержки наследования (как собсвенно нет в нем и классов). Однако наследование можно реализовать (эмулировать) вручную, пользуясь услугами свойства .prototype.

В javascript есть полноценное встроенное наследование — наследование на основании цепочки прототипов. Если не пытаться подогнать JS-парадигму под более привычную большинству (с классами), то и эмулировать ничего не нужно.

[karaboz]

Все таки, я бы не стал так смело говорить о существовании в JS "наследования на основании цепочки прототипов". Да конечно, наследование мы строим, пользуясь этой "всемогущей цепочкой", однако для этого приходится изрядно попотеть - например для того, чтобы решить две важнейшие проблемы:
1. конструктор надкласса не должен вызываться еще до создания объекта подкласса
2. методы надкласса не должны перезаписываться одноименными методами подкласса

Если же пользоваться .prototype напрямую, как в книжках написано (да хоть в тойже "Javascript: The Definitive Guide, By David Flanagan"), то ничего не получится и более или менее интересных вещей реализовать не удастся

[gro]

Интересные вещи реализуются просто и безболезненно :) Только нужно понять саму суть JS-парадигмы и полюбить её )
Конструктор надкласса не должен вызываться до создания объекта подкласса, по одной только причине — тут не должно быть никаких "надклассов" и "подклассов". Есть только объекты. Чистые и незамутненные :-D

[karaboz]

а пояснить не можете? по поводу чистых и незамутненных! (= может ссылкой какой-нибудь? (=

дело в том, что когда я залез в разные модные js библиотеки, то не нашел там нормальной реализации наследования =( Везде этот метод .extend, который тупо копирует свойства и методы родителя, а не пользуется этими методами напрямую. Вот в prototype.js только в последней версии кажется была предпринята попытка сделать наследование с человеческим лицом.

Не о таких вы говорите объектах? (=

[gro]

Больших знатоков JS тут же минусовали на Хабре, после того, как они осмеливались высказать своё мнение о "модных js-библиотеках", в том числе и о prototype.js. Так что я промолчу, тем более знаток я не такой большой.
Единственное, эти библиотеки отнюдь не то, на чем нужно позновать суть JS.
"Наследование", в своей основе, если отрешиться от всех реализаций и тому подобного, это всего лишь удобный способ строить похожие объекты на основании существующего шаблона. По сути еще одна ипостась повторного использования кода и ничего больше.
Через связь с объектом-прототипом мы получаем доступ (наследуем) к определенном в нем данным и функциям. Вот и всё наследование.

[gro]

Опять начинаются главные огрехи подобных статей:
1. Говорить о классах, там где их нет. Да, вы их будете эмулировать, но об этом нужно сразу сказать читателю.
2. Начинать рассказ о сути ООП с технических деталей, типа, конструкторов, относящихся только к одному этапу - созданию объекта.
Самая суть ООП в JS, да и еще много чего в JS — цепочка областей видимости, это бы подробно для новичков и описать.

[karaboz]

Да, суть и необходимость ООП в JS необходимо всякий раз прояснять, это точно, надо дорабатывать семинар (=
Однако простите, не понял, что вы имеете в виду под "Говорить о классах, там где их нет"?

[gro]

Всё о том же. В JS нет классов. В перемешали вместе понятие "класс" и "прототип".

[gro]

Опять-таки что считать "классами" :)
Например, в PHP тоже, кажется, "классическое" ООП и классы, как у людей. Однако, объекту можно добавить новое свойство.

[gro]

А это не хак, уверяю вас :)
Просто нужно понимать как всё работает и "откуда взялось это поле".
ООП в PHP вполне годится, чтобы на средних проектах работать в ООП-стиле со всеми его преимуществами. А вся эта высокая болтовня о "стандартах ООП" и другом, дело десятое.

[gro]

Ну, то что на языке можно писать отстойно, не значит, что нельзя лучше :)

[karaboz]

Все это ж называется динамическими классами. Т.е. классами, в объекты которых можно "налету" добавлять новые свойства и методы, не опредленные в самом конструкторе. Разве нет? (=

[gro]

Упущена важная часть в описании .consturctor и .prototype.
Объекты связаны с прототипами внутренним свойством [[prototype]], которое невозможно изменить и в большинстве реализаций даже получить.
А не по цепочке obj.constructor.prototype.
Многие пытаются по этой цепочки дойти до корневого объекта или даже динамически изменить прототип объекта и очень удивляются, когда не получается.

[dienow]

А как всё-таки дойти до корневого объекта если [[prototype]] не доступно?

[magicstream]

статья хорошая.
типа "я напомню :), а дальше вы и сами разберётесь"
пару ссылок на тематические статьи не помешало бы.
например
- для новичков не совсем ясно как объявлять private или public элементы класса
- как именно делать наследование.
конечно есть гугл, но всё таки.

[karaboz]

а как же - простите - ссылки имеются в нормальном количестве (=
ООП в JavaScript (5): Полезные ссылки

[magicstream]

ой. простите. не заметил. забираю слова назад :)

[arty]

classes are poor man's closures ©
; )

[uint]

Похоже на реферат статей Котерова :)

[karaboz]

нет, это конечно же реферерат, но из разных источников, и потом я пользовался собственной логикой изложения (исходя из собственного опыта понимания этого всего) (=

[wIliam]

есть js-библиотеки, позволяющие описывать классы, цепочки наследования и интерфейсы. вот например одна из вариантов http://forum.agiledev.ru/index.php?t=msg&th=995

[gro]

Ну вообще автор не библиотеку писал, а пытался донести основы механизмов.

[gro]

А, почему, кстати, не в блоге JavaScript?

[karaboz]

не нашел такого блога ((=

[gro]

http забыл

[hannimed]

Извините, а что тут нового относительно тех же наблов? Помоему наблы 38-40 это всё прекрасно освящают. Их не читал только самый ленивый.

[gro]

К сожалению, не совсем прекрасно.
Гораздо прекрасней освящают комментарии к ним.

[hannimed]

например?

[gro]

Почитайте комментарии к этим статьям. Особенно, к статье о наследовании.

[hannimed]

Почитал, на первых страницах ДК говорит о том чтобы читали внимательней наблу, а потом жуткий оффтоп...

[gro]

Среди этого офтопа изредка рассыпаны крупицы знания )
Особенно в постах Zeroglif'а.
Так же далеко не здорово написана набла по замыканиям с попытками связать с Перлом.

[hannimed]

Согласен, с перлом я бы связывать не стал.
Вообще Вы правы, нет ни одной статьи об ООП в JS, в которой было бы всё прекрасно.
Лично мои знания в этой области основаны на совокупности многих статей и личного опыта.
А интерес к этой тематики возбудили именно наблы.

[gro]

А мой интерес во многом комментарии к ним :)

[sphere]

Недописано.
http://disaen.com/misc/inheritance/

[gro]

Какое множественно наследование?
__proto__ только для FF и то далеко не всегда.

[sphere]

__proto__ в статье используется только для демонстрации доводов. Всё остальное делается стандартными средствами. Почитайте, пожалуйста, чуть внимательнее :)

[gro]

Перечитал. Да, действительно:

По стандарту оно недоступно для просмотра и редактирования, но, к счастью, Firefox любезно предоставляет к нему доступ через __proto__

извините.

Но множественного наследования всё равно не увидел.

[sphere]

Несогласованность термина. Убрал, чтобы не смущало.

[Zeroglif]

В общем и целом - ясная и доходчивая статья. Дописывайте, линкуйте к хабру, будем сглаживать шероховатости. ;)

[sphere]

Спасибо за помощь, как карма позволит — выложу.

[gro]

Теперь позволяет?

[sphere]

Ога, спасибо :)

[Pilat]

истина: Details of the Object Model
developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Details_of_the_Object_Model

[ISkomorokh]

Спасибо большое, очень полезно!