Синтаксис JavaScript: основы для начинающих | OTUS
🔥 BLACK FRIDAY!
Максимальная скидка -25% на всё. Успейте начать обучение по самой выгодной цене.
Выбрать курс

Курсы

Программирование
iOS Developer. Basic
-25%
Python Developer. Professional
-25%
Разработчик на Spring Framework
-25%
Golang Developer. Professional
-25%
Python Developer. Basic
-25%
iOS Developer. Professional
-25%
Highload Architect
-25%
JavaScript Developer. Basic
-25%
Kotlin Backend Developer
-25%
JavaScript Developer. Professional
-25%
Android Developer. Basic
-25%
Unity Game Developer. Basic
-25%
Разработчик C#
-25%
Программист С Web-разработчик на Python Алгоритмы и структуры данных Framework Laravel PostgreSQL Reverse-Engineering. Professional CI/CD Vue.js разработчик VOIP инженер Программист 1С Flutter Mobile Developer Супер - интенсив по Kubernetes Symfony Framework Advanced Fullstack JavaScript developer Супер-интенсив "Azure для разработчиков"
Инфраструктура
Мониторинг и логирование: Zabbix, Prometheus, ELK
-25%
DevOps практики и инструменты
-25%
Архитектор сетей
-25%
Инфраструктурная платформа на основе Kubernetes
-25%
Супер-интенсив «IaC Ansible»
-16%
Разработчик программных роботов (RPA) на базе UiPath и PIX
-25%
Супер-интенсив "SQL для анализа данных"
-16%
Базы данных Сетевой инженер AWS для разработчиков Cloud Solution Architecture Разработчик голосовых ассистентов и чат-ботов Внедрение и работа в DevSecOps Администратор Linux. Виртуализация и кластеризация Нереляционные базы данных Супер-практикум по использованию и настройке GIT IoT-разработчик Супер-интенсив «ELK»
Специализации Курсы в разработке Подготовительные курсы
+7 499 938-92-02

Синтаксис JavaScript: основы для начинающих

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

Набор символов

Когда разработчики пишут программы на JS, они используют набор символов Unicode. Это 16-разрядная кодировка, поддерживающая почти все письменные языки мира. При этом согласно стандарту ECMAScript v3, JavaScript должна поддерживать Unicode версии от 2.1. Если же говорить о стандарте ECMAScript v5, то он требует поддержки Unicode версии 3 и выше. Но, как правило, в большинстве случаев при программировании на JS вы будете работать либо с кириллицей, либо с латиницей:

var str = "Hello, OTUS!";  
var стр = "Привет, Отус!";  

Пробельные символы

JS-интерпретатор игнорирует все пробелы, которые присутствуют между языковыми конструкциями, воспринимая код программы в качестве сплошного потока.

Также JavaScript в большинстве случаев игнорирует символы перевода строки. Это значит, что обычно символы перевода строки и пробелы можно без каких-либо ограничений применять в программах в целях форматирования кода и придания ему удобочитаемости.

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

1-20219-29c402.png

Чтобы улучшить читаемость кода, используются и символы конца строки. Но тут следует учитывать, что иногда они оказывают влияние на исполнение JavaScript-кода, поэтому в некоторых случаях их использование запрещается. Кроме того, символы конца строки оказывают влияние на автоматическую установку точки с запятой.

2-20219-820fb2.png

Точка с запятой

Любая программа языка программирования JavaScript — это, по сути, перечень «инструкций», выполняемых браузером. А инструкции в JavaScript обычно разделяют точкой с запятой.

Таким образом, если на одной строке располагается несколько инструкций, между ними ставят (;).

<script>
    alert("Сообщение № 1"); alert("Сообщение № 2");
</script>

В большинстве случаев язык JavaScript воспринимает переход на новую строчку в качестве разделителя команд и обеспечивает для завершения инструкций автоматический ввод точек с запятой (ASI). Если же каждая инструкция находится на отдельной строке, можно разделитель не писать:

<script>
  alert("Сообщение № 1")
  alert("Сообщение № 2")
</script>

Кроме того, одна инструкция может находиться на нескольких строчках:

<script>
    var name = "Otus";
    alert("Я хочу учиться в, " +
          name +
          "!");
</script>

Здесь интерпретатор JavaScript будет ожидать завершения выражения, поэтому не станет автоматически вставлять «виртуальную» точку с запятой между строчками.

Однако рекомендуют всё же добавлять точки с запятой, что позволит избежать возможных проблем. То есть точки запятой необязательны, но лучше всё же сразу научиться добавлять их самостоятельно — сегодня этому правилу следуют многие большие проекты. Считается, что такая практика не только предотвращает возможные ошибки, но и повышает быстродействие, т. к. синтаксические анализаторы языка JavaScript не пытаются исправлять предполагаемые ошибки и добавлять недостающие (;).

О чувствительности к регистру

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

К примеру, num, NUM и Num являются разными переменными:

<script>
  var num = 5;
  var NUM = 7;
  var Num = 9;

  document.write("num: " + num + "<br> NUM: " + NUM + "<br> Num: " + Num);
</script>

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

num: 5
NUM: 7
Num: 9

Комментарии в JavaScript

Применение комментариев позволяет разработчикам выделять фрагменты программы, не выполняемые JS-интерпретатором, а используемые лишь для пояснений.

В языке программирования JavaScript комментарии бывают многострочными и однострочными.

Однострочные начинаются с двойного слэша:

<script>
  // Объявляется переменная
  var num = 5;
  alert( num );  // Выводится переменная  
</script>

Что касается многострочного комментария, то он начинается со слэша и звёздочки (/), а оканчивается теми же знаками, но в обратном порядке: (/):

<script>
  /* Комментируем целый блок кода
  var num = 6;
  alert( num );  
  */
  /* Следующий блок не комментируем */
  alert('Hello, Otus!');
</script>

Опытные разработчики советуют не пренебрегать комментариями, т. к. это поможет вам разобраться в своём же коде, скажем, через месяц. Если же в процессе программирования на JavaScript какой-то участок кода вроде как не нужен, то не стоит его удалять до конца отладки программы, т. к. отвергнутое вами же решение может всё-таки пригодиться. Закомментировать несложно, а удалить всегда успеете.

Идентификаторы в JavaScript

Идентификаторы в JS выступают в роли имён функций, переменных, свойств объекта и т. п. Они представляет собой последовательность цифр, букв, символов подчёркивания (_) и знака доллара ($). При этом в процессе наименования идентификатора цифра не должна быть первым символом.

Как правило, обычно применяют лишь символы ASCII и цифры. Хотя в ECMAScript v3 для идентификации могут использоваться буквы из всего символьного набора Unicode.

Для объединения нескольких слов при записи разработчики применяют разные способы, но на сегодняшний день существуют 2 негласных стиля: — snake_case; — camelCase.

В JavaScript чаще всего используют «верблюжью» нотацию, когда первая буква строчная, а первые буквы последующих слов – прописные:

var firstLesson; 
var myJob = "developer";
var doSomethingImportant;

Однако это не является обязательным требованием.

Примечание: в JavaScript запрещено объединять несколько слов с помощью дефисов, т. к. они зарезервированы для математических вычислений.

Ключевые и зарезервированные слова в JavaScript

Существует набор keywords, которых нельзя применять в качестве идентификаторов. Дело в том, что эти слова уже зарезервированы в языке программирования и несут определенное значение, то есть являются частью синтаксиса. Если вы попытаетесь использовать такое слово в роли идентификатора, получите ошибку.

3-20219-45a4c2.png 4-20219-700e08.png

Заключение

Итак, подведём итоги: — JavaScript-интерпретатор игнорирует все пробелы, воспринимая код как сплошной поток; — рекомендуется не пропускать точки с запятой — это плохая практика программирования; — все JavaScript-элементы чувствительны к регистру; — не ленитесь использовать комментарии в своём коде! — идентификаторы выступают в виде имён функций, переменных и свойств объекта и состоят из букв, цифр, символов подчёркивания, знаков доллара; — ключевые и зарезервированные слова в JavaScript нельзя применять для наименования переменных, объектов и функций.

Источник

JS_970x90-20219-c6e520.jpg

Не пропустите новые полезные статьи!

Спасибо за подписку!

Мы отправили вам письмо для подтверждения вашего email.
С уважением, OTUS!

Автор
0 комментариев
Для комментирования необходимо авторизоваться
🎁 Максимальная скидка!
Черная пятница уже в OTUS! Скидка -25% на всё!