В этом руководстве вы узнаете, что такое JavaScript, а также рассмотрим обзор языка JavaScript и основы для начинающих.
JavaScript — это язык программирования, изначально предназначенный для взаимодействия с элементами веб-страниц. В веб-браузерах JavaScript состоит из трех основных частей:
- ECMAScript обеспечивает основные функции.
- Объектная модель документа (DOM) предоставляет интерфейсы для взаимодействия с элементами на веб-страницах.
- Объектная модель браузера (BOM) предоставляет API браузера для взаимодействия с веб-браузером.
JavaScript позволяет добавить интерактивности на веб-страницу. Как правило, вы используете JavaScript с HTML и CSS для расширения функциональных возможностей веб-страницы, таких как проверка форм, создание интерактивных карт и отображение анимированных диаграмм.
При загрузке веб-страницы, т. е. после загрузки HTML и CSS, механизм JavaScript в веб-браузере выполняет код JavaScript. Затем код JavaScript изменяет HTML и CSS для динамического обновления пользовательского интерфейса.
Движок JavaScript — это программа, которая выполняет код JavaScript. Вначале движки JavaScript были реализованы как интерпретаторы.
Однако современные движки JavaScript обычно реализуются как интерактивные компиляторы, которые компилируют код JavaScript в байт-код для повышения производительности.
Клиентский и серверный JavaScript
Когда JavaScript используется на веб-странице, он выполняется в веб-браузерах. В этом случае JavaScript работает как клиентский язык.
JavaScript может работать как в веб-браузерах, так и на серверах. Популярной серверной средой JavaScript является Node.js. В отличие от клиентского JavaScript, серверный JavaScript выполняется на сервере, что позволяет вам получать доступ к базам данных, файловым системам и т. д.
История JavaScript
В 1995 году JavaScript был создан разработчиком Netscape по имени Брендан Эйх. Сначала его имя было Мокко, а затем было изменено на LiveScript.
Netscape решила заменить LiveScript на JavaScript, чтобы использовать известность Java, которая была популярна. Решение было принято непосредственно перед тем, как Netscape выпустила свой веб-браузер Netscape Navigator 2. В результате появилась версия 1.0 JavaScript.
Netscape выпустила JavaScript 1.1 в Netscape Navigator 3. Тем временем Microsoft представила веб-браузер под названием Internet Explorer 3 (IE 3), который конкурировал с Netscape. Однако в IE была собственная реализация JavaScript под названием JScript. Microsoft использовала название JScript, чтобы избежать возможных проблем с лицензией Netscape.
Следовательно, на рынке было две разные версии JavaScript:
- JavaScript в Netscape Navigator
- JScript в Internet Explorer.
В JavaScript не было стандартов, регулирующих его синтаксис и функции. И сообщество решило, что пора стандартизировать язык.
В 1997 году JavaScript 1.1 был представлен Европейской ассоциации производителей компьютеров (ECMA) в качестве предложения. Техническому комитету № 39 (TC39) было поручено стандартизировать язык, чтобы сделать его универсальным, кроссплатформенным и независимым от поставщиков языком сценариев.
TC39 разработал ECMA-262, стандарт для определения нового языка сценариев с именем ECMAScript (часто произносится как Ek-ma-script).
После этого Международная организация по стандартизации и Международные электротехнические комиссии (ISO/IEC) приняли ECMAScript (ISO/IEC-16262).
Обзор JavaScript
Чтобы определить переменную в JavaScript, вы используете ключевое слово var. Например:
var x = 10; var y = 20;
В ES6 добавлен новый способ объявления переменной с помощью ключевого слова let :
let x = 10; let y = 20;
Между var и let есть различия. Также хорошей практикой является использование ключевого слова let для объявления переменных.
Чтобы объявить функцию, вы используете ключевое слово function. В следующем примере определяется функция, которая вычисляет сумму двух аргументов:
function add( a, b ) { return a + b; }Чтобы вызвать функцию add(), вы используете следующий синтаксис:
let result = add(x, y);
Чтобы записать результат в окно консоли веб-браузера, вы используете console.log() :
console.log(result);
Теперь вы должны увидеть 30 в окне консоли.
JavaScript предоставляет операторы условий, такие как if-else и switch.
Пример:
let a = 20, b = 30; function divide(a, b) { if(b == 0) { throw 'Division by zero'; } return a / b; }В функции divide() мы проверяем, равен ли числитель(b) нулю. Если да, мы выбрасываем исключение. В противном случае мы возвращаем результат a/b.
Чтобы объявить массив, вы используете следующий синтаксис:
let items = [];
Чтобы объявить массив с некоторыми начальными элементами, вы указываете элементы в квадратных скобках:
let items = [1, 2, 3];
Вы можете получить доступ к количеству элементов в массиве items через его свойство length :
console.log(items.length); // 3
Для перебора элементов массива items вы используете оператор цикла for следующим образом:
for(let i = 0; i < items.length; i++) { console.log(items[i]); }Или используйте цикл for...of в ES6:
for(let item of items) { console.log(item); }JavaScript — это развивающийся язык. Он имеет много других функций, о которых вы узнаете из следующих руководств.