Учебник по 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


Пример

Присвойте значения переменным и сложите их вместе:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

Оператор присваивания ( =) присваивает значение переменной.

Назначение

let x = 10;

Оператор сложения ( +) складывает числа:

Добавление

let x = 5;
let y = 2;
let z = x + y;

Оператор умножения ( *) умножает числа.

Умножение

let x = 5;
let y = 2;
let z = x * y;


Арифметические операторы JavaScript

Арифметические операторы используются для выполнения арифметических действий над числами:

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

Арифметические операторы полностью описаны в главе Арифметика JS .


Операторы присваивания JavaScript

Операторы присваивания присваивают значения переменным JavaScript.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

Оператор сложения присваивания ( +=) добавляет значение к переменной.

Назначение

let x = 10;
x += 5;

Операторы присваивания полностью описаны в главе JS Assignment .


Строковые операторы JavaScript

Оператор +также может использоваться для добавления (конкатенации) строк.

Пример

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Результатом text3 будет:

John Doe

Оператор +=присваивания также можно использовать для добавления (объединения) строк:

Пример

let text1 = "What a very ";
text1 += "nice day";

Результатом text1 будет:

What a very nice day

При использовании со строками оператор + называется оператором конкатенации.


Добавление строк и чисел

Сложение двух чисел вернет сумму, но сложение числа и строки вернет строку:

Пример

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Результатом x , y и z будет:

10
55
Hello5

Если вы добавите число и строку, результатом будет строка!


Операторы сравнения JavaScript

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Операторы сравнения полностью описаны в главе Сравнение JS .


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

Operator Description
&& logical and
|| logical or
! logical not

Логические операторы полностью описаны в главе Сравнение JS .


Операторы типа JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Операторы типов полностью описаны в главе Преобразование типов JS .


Побитовые операторы JavaScript

Битовые операторы работают с 32-битными числами.

Любой числовой операнд в операции преобразуется в 32-битное число. Результат преобразуется обратно в число JavaScript.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

В приведенных выше примерах используются 4-битные беззнаковые примеры. Но JavaScript использует 32-битные числа со знаком.
Из-за этого в JavaScript ~ 5 не вернет 10. Он вернет -6.
~000000000000000000000000000000101 вернет 11111111111111111111111111111010

Побитовые операторы полностью описаны в главе « JS Bitwise» .


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

Упражнение:

Умножьте 10на 5, и предупредите результат.

alert(10  5);