Учебник по JS

ГЛАВНАЯ JS Введение JS Куда Вывод JS Заявления JS JS-синтаксис JS-комментарии JS-переменные JS Пусть Константа JS JS-операторы JS-арифметика Назначение JS JS-типы данных JS-функции JS-объекты JS-события JS-строки Строковые методы JS Поиск строки JS Шаблоны строк JS JS-номера Методы номеров JS JS-массивы Методы массива JS Сортировка массива JS Итерация массива JS Константа массива JS JS-даты Форматы даты JS Методы получения даты JS Методы установки даты JS JS-математика JS Случайный JS Булевы значения Сравнение JS JS-условия JS-переключатель JS цикл для Цикл JS для входа Цикл JS для Цикл JS во время Перерыв JS JS-итерации JS-наборы JS-карты JS Typeof Преобразование типов JS JS побитовый JS регулярное выражение JS-ошибки Область JS JS-подъем Строгий режим JS JS это ключевое слово Функция стрелки JS JS-классы JS JSON JS-отладка Руководство по стилю JS Лучшие практики JS JS-ошибки JS-производительность Зарезервированные слова JS

JS-версии

JS-версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/пограничный История JS

JS-объекты

Определения объектов Свойства объекта Методы объекта Отображение объекта Средства доступа к объектам Конструкторы объектов Прототипы объектов Итерации объектов Наборы объектов Карты объектов Ссылка на объект

JS-функции

Определения функций Параметры функции Вызов функции Вызов функции Функция Применить Закрытие функций

JS-классы

Введение в класс Наследование классов Статический класс

JS асинхронный

Обратные вызовы JS JS асинхронный JS-обещания JS асинхронный/ожидание

JS HTML DOM

Дом Введение DOM-методы Документ DOM DOM-элементы DOM HTML DOM-формы ДОМ CSS DOM-анимации События ДОМ Слушатель событий DOM DOM-навигация DOM-узлы Коллекции DOM Списки узлов DOM

Спецификация браузера JS

JS-окно JS-экран Местоположение JS История JS JS-навигатор Всплывающее оповещение JS JS Тайминг JS-куки

JS-веб-API

Введение в веб-API API веб-форм API истории веб-поиска API веб-хранилища API веб-работника API веб-выборки API веб-геолокации

JS АЯКС

Введение в АЯКС AJAX XMLHttp АЯКС-запрос AJAX-ответ XML-файл AJAX АЯКС PHP АЯКС АСП База данных AJAX AJAX-приложения Примеры AJAX

JS JSON

Введение в JSON Синтаксис JSON JSON против XML Типы данных JSON Анализ JSON Строковая JSON JSON-объекты JSON-массивы JSON-сервер JSON PHP JSON HTML JSON JSONP

JS против JQuery

Селекторы jQuery JQuery HTML jQuery CSS JQuery DOM

JS-графика

JS-графика JS Холст JS сюжет JS Chart.js JS Google Диаграмма JS D3.js

JS-примеры

JS-примеры JS HTML DOM JS HTML-ввод HTML-объекты JS HTML-события JS JS-браузер JS-редактор JS-упражнения JS-викторина JS-сертификат

JS-ссылки

Объекты JavaScript HTML DOM-объекты


Типы данных JavaScript

Переменные JavaScript могут содержать разные типы данных: числа, строки, объекты и многое другое:

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

Концепция типов данных

В программировании типы данных являются важной концепцией.

Чтобы иметь возможность работать с переменными, важно кое-что знать о типе.

Без типов данных компьютер не может безопасно решить это:

let x = 16 + "Volvo";

Есть ли смысл прибавлять к шестнадцати «Вольво»? Выдаст ли это ошибку или выдаст результат?

JavaScript будет рассматривать приведенный выше пример как:

let x = "16" + "Volvo";

При добавлении числа и строки JavaScript будет рассматривать число как строку.

Пример

let x = 16 + "Volvo";

Пример

let x = "Volvo" + 16;

JavaScript оценивает выражения слева направо. Различные последовательности могут давать разные результаты:

JavaScript:

let x = 16 + 4 + "Volvo";

Результат:

20Volvo

JavaScript:

let x = "Volvo" + 16 + 4;

Результат:

Volvo164

В первом примере JavaScript обрабатывает 16 и 4 как числа, пока не достигнет «Volvo».

Во втором примере, поскольку первый операнд является строкой, все операнды обрабатываются как строки.



Типы JavaScript являются динамическими

JavaScript имеет динамические типы. Это означает, что одна и та же переменная может использоваться для хранения разных типов данных:

Пример

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

Строки JavaScript

Строка (или текстовая строка) — это последовательность символов, например «Джон Доу».

Строки пишутся с кавычками. Вы можете использовать одинарные или двойные кавычки:

Пример

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

Вы можете использовать кавычки внутри строки, если они не совпадают с кавычками, окружающими строку:

Пример

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

Вы узнаете больше о строках позже в этом руководстве.


Номера JavaScript

JavaScript имеет только один тип чисел.

Числа можно записывать как с десятичными знаками, так и без них:

Пример

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

Очень большие или очень маленькие числа могут быть записаны в экспоненциальном представлении:

Пример

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

Вы узнаете больше о числах позже в этом уроке.


Логические значения JavaScript

Логические значения могут иметь только два значения: trueили false.

Пример

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

Логические значения часто используются в условном тестировании.

Вы узнаете больше об условном тестировании позже в этом руководстве.


Массивы JavaScript

Массивы JavaScript записываются с помощью квадратных скобок.

Элементы массива разделяются запятыми.

Следующий код объявляет (создает) массив с именем cars, содержащий три элемента (названия автомобилей):

Пример

const cars = ["Saab", "Volvo", "BMW"];

Индексы массива отсчитываются от нуля, что означает, что первый элемент — [0], второй — [1] и так далее.

Вы узнаете больше о массивах позже в этом руководстве.


Объекты JavaScript

Объекты JavaScript записываются с помощью фигурных скобок {}.

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

Пример

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Объект (человек) в приведенном выше примере имеет 4 свойства: firstName, lastName, age и eyeColor.

Вы узнаете больше об объектах позже в этом уроке.


Тип оператора

Вы можете использовать typeofоператор JavaScript, чтобы найти тип переменной JavaScript.

Оператор typeofвозвращает тип переменной или выражения:

Пример

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

Пример

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

Вы узнаете больше о typeof позже в этом руководстве.


Неопределенный

В JavaScript переменная без значения имеет значение undefined. Тип тоже undefined.

Пример

let car;    // Value is undefined, type is undefined

Любую переменную можно очистить, присвоив ей значение undefined. Тип тоже будет undefined.

Пример

car = undefined;    // Value is undefined, type is undefined

Пустые значения

Пустое значение не имеет ничего общего с undefined.

Пустая строка имеет допустимое значение и тип.

Пример

let car = "";    // The value is "", the typeof is "string"

Проверьте себя с помощью упражнений

Упражнение:

Используйте комментарии для описания правильного типа данных следующих переменных:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //