Есть такой учебник по JS где не уделяется внимание основам?

Question

[creatoroftheworld]

Классе в 9-ом учил C++. Относился к этому серьезно и поэтому склад ума, можно сказать, программистский. К чему это говорю? К тому, что опираясь на знание с++ и пару прочтенных страниц о JS смог написать длинный и сложный для начинающего код. Но местами примитивный код. главное, что рабочий.

Сейчас начал смотреть как сделать красивое выпадающее меню, и понял, что ничего не понял. Вроде все понимаю, но у меня почему-то не работает. Например, когда увидел вот такую конструкцию - пришел в шок

obj.dd.on('click', function(event){
            $(this).toggleClass('active');
            return false;
        });

Ибо ничче не понял. Гугл чета не справляется

Короче

Есть ли какой-нить учебник или сайт, где пропускаются все эти очевидности свойственные любому языку?
Может где на примерах объясняются какие-то функции?

Answer 1

[withkittens]

Так а что непонятно?
1. Конструкция имеет вид obj.dd.on(arg1, arg2);, т. е. вызов функции obj.dd.on() с двумя параметрами: строкой 'click' и функцией function (event) { ... }. Да, одна функция передаётся аргументом в другую, вроде ничего страшного.
2. Передаваемая функция состоит из двух операторов (statements):
2.1. Вызвать функцию $() с параметром this, у объекта-результата вызвать функцию toggleClass() с параметром 'active'.
2.2. return false; — очевидно.
Как уже сказали: если вас повергает в шок такая конструкция, то вам всё-таки стоит почитать учебник с очевидностями.

Comments

[creatoroftheworld]

Поправьте меня, пожалуйста, если я что-то недопонял или понял неправильно:
obj.dd.on() dd - это ID объекта из DOM?
функция on() - стандартная?
второй аргумент функции - функция??
А про this и $ вообще ничего не понял. прочитал на javascript.ru про него...чета туго усваеватся. В пхп чето подобное видел, читал - тоже в свое время нияе не понял. Если не трудно, расскажите., пожалуйста. Если трудно, то не надо)

[withkittens]

creatoroftheworld: окей, гугл, я даже нашёл, откуда есть пошла конструкция эта.
0. Есть такая библиотека для JavaScript — jQuery. Она настолько популярна и способна видоизменить JavaScript, что можно её назвать... ммм... грубо говоря, частью языка. on() и $() — это оттуда. То есть с точки зрения JavaScript, это некие функции. Но они не стандартны, они добавлены jQuery.
1. Нет. Если без лишних подробностей, obj — это объект типа DropDown, а dd — поле (field, property) этого объекта. В это поле dd сохранили объект-обёртку над элементом из DOM.
Где-то в другом месте есть кусочек кода:
var dd = new DropDown( $('#dd') );
$('#dd') — это функция jQuery (см. п. 0), которая в DOM ищет элемент с ID == 'dd' и возвращает свою обёртку над ним.
2. Нет (см. п. 0). Это функция объекта-обёртки. api.jquery.com/on
3. Да. В C++ передаются указатели на функции. В JavaScript функции — "first-class citizen", т.е. являются значениями, которые можно присваивать переменным, передавать, копировать, в общем, использовать, будто это int, string и прочее. Поэтому да, в функцию передали другую функцию.
4. this — это из JavaScript, найдёте в учебнике в разделах с объектой моделью (конструкторы, прототипы, вот это всё). $ — это, по-другому, jQuery() api.jquery.com/jQuery

[creatoroftheworld]

withkittens: Огромное спасибо! Хоть и не совсем это спрашивал - сделаю ответ решением. Вы где учились, если не тайная тайна?

[withkittens]

creatoroftheworld: в вузе мне пригодилась только математика: матан и функан хорошо "вправляют" мозги. А всё, что касается программирования, — самообразование. Потому это не столь важно :)

И ещё по поводу вашего случая, если можно :)
Во-первых, важно понять, что всё что умеет jQuery, умеет и JavaScript без неё. Например, $("#el") — это document.getElementById("el"). Заслуга в jQuery в том, что она сглаживает различия между браузерами (разные движки, разные баги, разные API и т.д.) и позволяет писать намного более простой и лаконичный код. Где на обычном JavaScript понабодится 2,5 непонятных конструкций и цикл, там jQuery наверное обойдётся одной строчкой.
Во-вторых, очень помогает представлять и понимать, какой код (хотя бы в общих чертах) jQuery заменяет. Например, .on() — это повесить на элемент(ы) обработчик какого-то события (тот же 'click'). А как это сделать без jQuery? А в другом браузере?
В-третьих, коль JavaScript и jQuery не одно и то же, стало быть, и книжек вам понадобится больше. По JavaScript вам уже подсказали (я тоже её читал бы) Eloquent JavaScript (en, ru). По jQuery не знаю, что-то есть в Learning Center.
"на примерах объясняются какие-то функции" — это справочники. Официальная документация в большинстве случаев будет вашим другом. JavaScript возьмём, скажем, на сайте Мозиллы, а jQuery на своём сайте. Вообще, гуглить "%smth% [api] reference" — полезная привычка.
О, в-нулевых! Учите английский, если ещё не, и читайте англоязычные источники (туториалы, книжки, справочники). На русском очень мало оригинального материала, в основном это переводы с английского. При этом: а) всегда будут непереведённые материалы, б) переводы появляются позже, в) переводы не всегда верные.
Вы можете быть неспособны связать три слова в разговоре с иностранцем, но плавать в английской документации — ваш как программиста жизненный минимум.

[withkittens]

creatoroftheworld: вообще, я бы обратил внимание на весь хаб JavaScript у Мозиллы. Там даже есть re-introduction to javascript, для тех, кто думает, что знает язык.
И пока изучаете язык, крайне желательно использовать strict mode. Раз вы серьёзно относились к изучению C++, наверняка знаете про -Wall -Werror и почему это полезно? ;)

Answer 2

[Семен Борисов]

Парень, не стоит заморачиваться из-за таких вещей, просто бери книгу и изучай. Почитай о особенностях языка и об окружение в котором он выполняется, пойми зачем он вообще нужен и какие просторы для творчества он для тебя открывает и начинай творить :) И да, не смотри в сторону jQuery - сейчас он тебе не нужен.

// Для начала можно начать с Хорошая книжеца для начинающих изучать javascript

Answer 3

[keslo]

Ну тут у вас помимо чистого JS есть еще и JQuery. ..
Я поздно начал изучать и довольно недолгое время. Начинал с learn.javascript.ru Советую. Даже если будет казаться сначала слишком легко, то стоит освоить данный учебник, так как там разжевывается много интересных и своеобразных моментов в JS.

Comments

[Serj-One]

learn.javascript.ru - шляпа полнейшая. Учите по Флэнагану а не по этому дерь*у.

[Serj-One]

Deodatuss: Я про подробное руководство, а не про карманный справочник.