Мастер-классы по Javascript Екатеринбург Ростов-на-Дону Москва Узнать больше...
Содержание (скрыть) Содержание (показать)

Основы JavaScript

Настройка рабочего места

  1. Браузеры
  2. Редактор кода

Перед тем, как начать писать на JavaScript, нужно подготовить рабочее место.

В этой статье содержатся инструкции по настройке программ, которые вам, возможно, пригодятся.

Установка и настройка браузеров

  1. Firefox
  2. Internet Explorer
  3. Другие браузеры

Обычно браузеры скрывают ошибки JavaScript. Среднестатическому посетителю незачем о них знать, все равно ничего не поймет.

Но мы-то разработчики, и должны ошибки видеть. Во всех современных браузерах существуют средства отладки, но их нужно настроить.

Привет, мир!

  1. Тег SCRIPT
  2. Внешние скрипты

В этой статье мы создадим простой скрипт и посмотрим, как он работает.

Структура кода

  1. Команды
  2. Комментарии

Команды в программах на языке JavaScript разделяются точкой с запятой.

Переменные и типы данных

  1. Переменная
    1. Аналогия из жизни
    2. Копирование значений
  2. Важность директивы var
  3. Константы
  4. Имена переменных
    1. Зарезервированные имена
  5. Правильный выбор имени
  6. Типы данных

В зависимости от того, для чего вы делаете скрипт, понадобится работать с информацией.

Если это электронный магазин - то это товары, корзина. Если чат - посетители, сообщения и так далее.

Чтобы хранить информацию, используются переменные.

Взаимодействие с пользователем: alert, prompt, confirm

  1. alert
  2. prompt
  3. confirm
  4. Особенности встроенных функций
  5. Резюме

В этом разделе мы рассмотрим базовые UI операции: alert, prompt и confirm, которые позволяют работать с данными, полученными от пользователя.

Операторы сравнения и логические значения

  1. Логические значения
  2. Сравнение строк
  3. Сравнение разных типов
  4. Строгое равенство
  5. Специальные значения
  6. Итого

В этом разделе мы познакомимся с операторами сравнения и с логическими значениями, которые такие операторы возвращают.

Логические операторы

  1. Операторы
    1. || (ИЛИ)
    2. Короткий цикл вычислений
    3. Значение ИЛИ
    4. && (И)
    5. ! (НЕ)

Для проверки нескольких условий одновременно используются логические операторы.

Конструкция 'switch'

  1. Синтаксис
  2. Пример
  3. Группировка case
  4. Тип имеет значение

Конструкция switch служит для сравнения значения на равенство с различными вариантами.

При этом равенство подразумевается в смысле оператора «===», сравнивать как-то еще switch не умеет.

Функции

  1. Объявление
  2. Локальные переменные
  3. Параметры
  4. Возврат значения
  5. Выбор имени

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

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

Чтобы не повторять один и тот же код во многих местах —- придуманы функции. Функции являются основными «строительными блоками» программы.

Рекурсия

  1. Реализация pow(x, n) через рекурсию
  2. Задачи на рекурсию

Функция может вызывать сама себя. Это называется рекурсией.

Методы и свойства

У строк, чисел, объектов и других значений в JavaScript есть методы и свойства. Большинство операций производится через них.

Стиль кода

  1. Синтаксис
    1. Фигурные скобки
    2. Отступы
    3. Точка с запятой
  2. Именование
  3. Уровни вложенности
  4. Функции = Комментарии
  5. Функции — под кодом
  6. Комментарии
  7. Итого

Код должен быть максимально читаемым и понятным. Для этого нужен хороший стиль написания кода. В этой главе мы рассмотрим компоненты такого стиля.

Как писать неподдерживаемый код?

  1. Общие принципы
  2. Именование
  3. Архитектура
  4. Заключение

Предлагаю вашему вниманию советы древних мастеров. Следование им создаст дополнительные рабочие места для JavaScript-разработчиков.

Код, который вы напишите, следуя им, будет так сложен в поддержке, что у JavaScript’еров, которые придут после вас, даже простейшее изменение займет годы оплачиваемого труда!

Более того, внимательно следуя этим правилам, вы сохраните и своё рабочее место, так как все будут бояться вашего кода и бежать от него…

…Впрочем, всему своя мера. Код не должен выглядеть сложным в поддержке — он должен быть таковым. Иначе это заметят, и код будет переписан с нуля. Вы не можете такого допустить. Эти советы учитывают такую возможность. Да здравствует дзен.

Эта статья представляет собой вольный перевод How To Write Unmaintainable Code. Впрочем, она местами сильно отклонилась от «оригинала» Wink и дополнена в отношении JavaScript.


Комментарии

  1. Приветствуются комментарии, содержащие дополнения и вопросы по статье, и ответы на них.
  2. Если ваш комментарий касается задачи -- откройте её в отдельном окне и напишите там.
  3. Комментарии без смысла, с рекламой или не о статье вообще - удаляются.
Наверх

Содержание

Реклама

Нашли опечатку?

Нашли опечатку на сайте? Что-то кажется странным?
Выделите соответствующий текст и нажмите Ctrl+Enter!

Последние Комментарии

Помоги другим!

Помоги другим узнать о хорошей статье!