Что означает оператор в javascript

Выражения и операторы

Эта глава описывает все операторы, выражения и ключевые слова языка JavaScript.

Выражения и операторы по категориям

Алфавитный список смотрите в боковой панели слева.

Первичные выражения

Базовые ключевые слова и общие выражения в JavaScript.

this Ключевое слово this ссылается на контекст выполняемой функции. function Ключевое слово function определяет выражение функции. class Ключевое слово class определяет выражение класса. function* Ключевое слово function* (со звёздочкой) определяет функцию-генератор. yield Пауза или продолжение выполнения функции-генератора. yield* Делегирует выполнение другому генератору итерируемому объекту. async function* async function определяет выражение асинхронной функции. await Пауза и продолжение выполнения асинхронной функции и ожидание Promise (результата выполнения) с результатом разрешено/отклонено. [] Синтаксис создания инициализатора/литерала массива. <> Синтаксис создания инициализатора/литерала объекта /ab+c/i Синтаксис создания литерала регулярного выражения. ( ) Оператор группировки.

Левосторонние выражения

Значения слева являются назначением присваивания.

Инкремент и декремент

Операторы постфиксного/префиксного инкремента и декремента.

Унарные операторы

Унарные операции — это операции с одним операндом.

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

Арифметические операторы своими операндами принимают числовые значения (литералы или переменные) и возвращают одно числовое значение.

Реляционные операторы

in Оператор in определяет, содержит ли объект указанное свойство. instanceof Оператор instanceof определяет, является ли объект экземпляром потомком Prototype (или экземпляром) другого объекта. (en-US) Оператор меньше. > (en-US) Оператор больше. (en-US) Оператор меньше или равно. >= (en-US) Оператор больше или равно.

Заметьте: => это не оператор. Это нотация для Стрелочных функций.

Операторы равенства

Результат вычисления оператора равенства всегда имеет тип Boolean и значение, зависящее от того, был ли результат проверки истинным или ложным.

Операторы побитового сдвига

Операции для сдвига всех битов операнда.

(en-US) Оператор побитового сдвига влево. >> (en-US) Оператор знакового побитового сдвига вправо. >>> (en-US) Оператор беззнакового побитового сдвига вправо.

Бинарные побитовые операторы

Побитовые операторы трактуют свои операнды как набор из 32 битов (нулей и единиц) и возвращают стандартные числовые значения JavaScript.

& (en-US) Оператор побитового И. | (en-US) Оператор побитового ИЛИ. ^ (en-US) Оператор побитового ИСКЛЮЧАЮЩЕГО ИЛИ.

Бинарные логические операторы

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

&& (en-US) Оператор логического И. || (en-US) Оператор логического ИЛИ.

Условный (тернарный) оператор

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

Операторы присваивания присваивают значение своему левому операнду, зависящее от значения их правого операнда.

Источник

Базовые операторы, математика

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

Термины: «унарный», «бинарный», «операнд»

Прежде, чем мы двинемся дальше, давайте разберёмся с терминологией.

Унарным называется оператор, который применяется к одному операнду. Например, оператор унарный минус «-» меняет знак числа на противоположный:

Бинарным называется оператор, который применяется к двум операндам. Тот же минус существует и в бинарной форме:

Формально, в последних примерах мы говорим о двух разных операторах, использующих один символ: оператор отрицания (унарный оператор, который обращает знак) и оператор вычитания (бинарный оператор, который вычитает одно число из другого).

Математика

Поддерживаются следующие математические операторы:

Первые четыре оператора очевидны, а про % и ** стоит сказать несколько слов.

Взятие остатка %

Возведение в степень **

В выражении a ** b оператор возведения в степень умножает a на само себя b раз.

Математически, оператор работает и для нецелых чисел. Например, квадратный корень является возведением в степень 1/2 :

Сложение строк при помощи бинарного +

Давайте рассмотрим специальные возможности операторов JavaScript, которые выходят за рамки школьной арифметики.

Обычно при помощи плюса ‘+’ складывают числа.

Но если бинарный оператор ‘+’ применить к строкам, то он их объединяет в одну:

Обратите внимание, если хотя бы один операнд является строкой, то второй будет также преобразован в строку.

Как видите, не важно, первый или второй операнд является строкой.

Вот пример посложнее:

Например, вычитание и деление:

Приведение к числу, унарный +

Плюс + существует в двух формах: бинарной, которую мы использовали выше, и унарной.

Унарный, то есть применённый к одному значению, плюс + ничего не делает с числами. Но если операнд не число, унарный плюс преобразует его в число.

Необходимость преобразовывать строки в числа возникает очень часто. Например, обычно значения полей HTML-формы — это строки. А что, если их нужно, к примеру, сложить?

Бинарный плюс сложит их как строки:

Поэтому используем унарный плюс, чтобы преобразовать к числу:

С точки зрения математика, такое изобилие плюсов выглядит странным. Но с точки зрения программиста тут нет ничего особенного: сначала выполнятся унарные плюсы, которые приведут строки к числам, а затем бинарный ‘+’ их сложит.

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

Приоритет операторов

В том случае, если в выражении есть несколько операторов – порядок их выполнения определяется приоритетом, или, другими словами, существует определённый порядок выполнения операторов.

Из школы мы знаем, что умножение в выражении 1 + 2 * 2 выполнится раньше сложения. Это как раз и есть «приоритет». Говорят, что умножение имеет более высокий приоритет, чем сложение.

В JavaScript много операторов. Каждый оператор имеет соответствующий номер приоритета. Тот, у кого это число больше, – выполнится раньше. Если приоритет одинаковый, то порядок выполнения – слева направо.

Отрывок из таблицы приоритетов (нет необходимости всё запоминать, обратите внимание, что приоритет унарных операторов выше, чем соответствующих бинарных):

ПриоритетНазваниеОбозначение
17унарный плюс+
17унарный минус
16возведение в степень**
15умножение*
15деление/
13сложение+
13вычитание
3присваивание=

Присваивание

Присваивание = возвращает значение

Тот факт, что = является оператором, а не «магической» конструкцией языка, имеет интересные последствия.

Вызов x = value записывает value в x и возвращает его.

Благодаря этому присваивание можно использовать как часть более сложного выражения:

В примере выше результатом (a = b + 1) будет значение, которое присваивается переменной a (то есть 3 ). Потом оно используется для дальнейших вычислений.

Забавное применение присваивания, не так ли? Нам нужно понимать, как это работает, потому что иногда это можно увидеть в JavaScript-библиотеках.

Однако писать самим в таком стиле не рекомендуется. Такие трюки не сделают ваш код более понятным или читабельным.

Присваивание по цепочке

Рассмотрим ещё одну интересную возможность: цепочку присваиваний.

Опять-таки, чтобы код читался легче, лучше разделять подобные конструкции на несколько строчек:

Польза от такого стиля особенно ощущается при быстром просмотре кода.

Сокращённая арифметика с присваиванием

Часто нужно применить оператор к переменной и сохранить результат в ней же.

Эту запись можно укоротить при помощи совмещённых операторов += и *= :

Источник

Выражения и операторы

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

Полный и детальный список операторов и выражений также доступен в этом руководстве.

Операторы

В JavaScript есть следующие типы операторов. Данный подраздел описывает каждый тип и содержит информацию об их приоритетах друг над другом.

В свою очередь унарная операция использует один операнд, перед или после оператора:

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

Существуют также составные операторы присваивания, которые используются для сокращённого представления операций, описанных в следующей таблице:

Деструктуризация

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

Замечание: (=>) не оператор, а нотация Стрелочных функций.

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

Арифметические операторы (en-US) используют в качестве своих операндов числа (также литералы или переменные) и в качестве результата возвращают одно числовое значение. Стандартными арифметическими операторами являются сложение (+), вычитание (-), умножение (*), и деление (/). При работе с числами с плавающей точкой эти операторы работают аналогично их работе в большинстве других языках программирования (обратите внимание, что деление на ноль возвращает бесконечность Infinity ). Например:

Кроме того, JavaScript позволяет использовать следующие арифметические операторы, представленные в таблице:

Битовые (поразрядные) операторы

Битовые операторы (en-US) обрабатывают свои операнды как последовательности из 32 бит (нулей и единиц), а не как десятичные, шестнадцатеричные или восьмеричные числа. Например, десятичное число 9 имеет двоичное представление 1001. Битовые операторы выполняют операции над таким двоичным представлением, но результат возвращают как обычное числовое значение JavaScript.

Следующая таблица обобщает битовые операторы JavaScript.

Битовые операторы

a

ОператорИспользованиеОписание
Побитовое И (en-US)a & bВозвращает единицу в каждой битовой позиции, для которой соответствующие биты обеих операндов являются единицами.
Побитовое ИЛИ (en-US)a | bВозвращает единицу в каждой битовой позиции, для которой один из соответствующих битов или оба бита операндов являются единицами.
Исключающее ИЛИ (en-US)a ^ bВозвращает единицу в каждой битовой позиции, для которой только один из соответствующих битов операндов является единицей.
Побитовое НЕ (en-US)Заменяет биты операнда на противоположные.
Сдвиг влево (en-US)aСдвигает a в двоичном представлении на b бит влево, добавляя справа нули.
Сдвиг вправо с переносом знака (en-US)a >> bСдвигает a в двоичном представлении на b бит вправо, отбрасывая сдвигаемые биты.
Сдвиг вправо с заполнением нулями (en-US)a >>> bСдвигает a в двоичном представлении на b бит вправо, отбрасывая сдвигаемые биты и добавляя слева нули.

Битовые логические операторы

Основной смысл работы битовых логических операторов состоит в следующем:

Примеры работы битовых операторов

Обратите внимание, что все 32 бита преобразуются с использованием битового оператора НЕ, и что величины с наиболее значимым (самым левым) битом равным 1 представляют собой отрицательные числа (в представлении дополнения до двух).

Битовые операторы сдвига

Битовые операторы сдвига используют два операнда: первый представляет величину, подлежащую сдвигу, а второй операнд указывает число битовых позиций на которое должен быть сдвинут первый операнд. Направление операции сдвига определяется используемым оператором.

Операторы сдвига преобразуют свои операнды в 32-битные целые числа и возвращают результат того же типа, каким является левый операнд.

Операторы сдвига перечислены в следующей таблице.

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

Логические операторы (en-US) обычно используются с булевыми (логическими) значениями; при этом возвращаемое ими значение также является булевым. Однако операторы && и || фактически возвращают значение одного из операндов, поэтому, если эти операторы используются с небулевыми величинами, то возвращаемая ими величина также может быть не булевой. Логические операторы описаны в следующей таблице.

Примерами выражений, которые могут быть преобразованы в false являются: null, 0, NaN, пустая строка («») или undefined.

Следующий код демонстрирует примеры использования оператора && (логическое И).

Следующий код демонстрирует примеры использования оператора || (логическое ИЛИ).

Сокращённая оценка

Так как логические выражения вычисляются слева направо, они проверяются на возможность выполнения сокращённой оценки с использованием следующих правил:

Правила логики гарантируют, что данные вычисления всегда корректны. Обратите внимание, что часть «anything» представленных выше выражений не вычисляется, таким образом удаётся избежать любых побочных эффектов вычисления данной части.

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

В дополнение к операторам сравнения, которые могут использоваться со строковыми значениями, оператор (+) позволяет объединить две строки, возвращая при этом третью строку, которая представляет собой объединение двух строк-операндов:

Сокращённый оператор присваивания += также может быть использован для объединения (конкатенации) строк:

Условный (тернарный) оператор

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

val1 и val2 обязательно должны что-то возвращать, поэтому в этой конструкции нельзя использовать continue или break

Оператор запятая

Например, если a является двумерным массивом, каждая строка которого содержит 10 элементов, то следующий код с использованием оператора запятая позволяет выполнять одновременное приращение двух переменных. Данный код выводит на экран значения диагональных элементов массива:

Унарные операторы

delete

Оператор delete выполняет удаление объекта, свойства объекта, или элемента массива с заданным индексом. Синтаксис оператора:

Удаление элементов массива

Оператор typeof

Оператор typeof используется одним из следующих способов:

Оператор typeof возвращает строку обозначающую тип невычисленного операнда. Значение operand может быть строкой, переменной, дескриптором, или объектом, тип которого следует определить. Скобки вокруг операнда необязательны.

Предположим, вы определяете следующие переменные:

Оператор typeof возвращает следующие результаты для этих переменных:

Для дескрипторов true и null оператор typeof возвращает следующие результаты:

Для чисел и строк оператор typeof возвращает следующие результаты:

Для свойств оператор typeof возвращает тип значения данного свойства:

Для методов и функций оператор typeof возвращает следующие результаты:

Для встроенных объектов оператор typeof возвращает следующие результаты:

Оператор void

Оператор void используется любым из следующих способов:

Вы можете использовать оператор void для указания на то, что операнд-выражение является гипертекстовой ссылкой. При этом выражение обрабатывается, но не загружается в текущий документ.

Приведённый ниже код создаёт гипертекстовую ссылку, которая подтверждает отправку формы при клике на ней пользователем:

Операторы отношения

Оператор отношения сравнивает свои операнды и возвращает результат сравнения в виде булева значения.

Оператор in

Оператор in возвращает true, если указанный объект имеет указанное свойство. Синтаксис оператора:

Некоторые примеры способов использования оператора in :

Оператор instanceof

Оператор instanceof возвращает true, если заданный объект является объектом указанного типа. Его синтаксис:

Приоритет операторов

Приоритет операторов определяет порядок их выполнения при вычислении выражения. Вы можете влиять на приоритет операторов с помощью скобок.

Приведённая ниже таблица описывает приоритет операторов от наивысшего до низшего.

ВыражениеРезультатДвоичное описание
15 & 991111 & 1001 = 1001
15 | 9151111 | 1001 = 1111
15 ^ 961111 ^ 1001 = 0110
Таблица 3.7 Приоритет операторов

Тип оператораОператоры
свойство объекта. []
вызов, создание экземпляра объекта() new
отрицание, инкремент!

Более подробная версия данной таблицы, содержащая ссылки и дополнительную информацию по каждому оператору, находится в справочнике JavaScript.

Выражения

Выражением является любой корректный блок кода, который возвращает значение.

Концептуально, существуют два типа выражений: те которые присваивают переменной значение, и те, которые вычисляют значение без его присваивания.

Код 3 + 4 является примером выражения второго типа. Данное выражение использует оператор «+» для сложения чисел 3 и 4 без присваивания переменной полученного результата 7.

Все выражения в JavaScript делятся на следующие категории:

Основные выражения

Базовые ключевые слова и основные выражения в JavaScript.

Оператор this

Используйте ключевое слово this для указания на текущий объект. В общем случае this указывает на вызываемый объект, которому принадлежит данный метод. Используйте this следующим образом:

Предположим, функция validate выполняет проверку свойства value некоторого объекта; задан объект, а также верхняя и нижняя граница величины данного свойства:

Вы можете вызвать функцию validate для обработчика события onChange для каждого элемента формы, используя this для указания на элемент формы, как это показано в следующем примере:

Оператор группировки

Упрощённый синтаксис создания массивов и генераторов

[for (x of y) x] Упрощённый синтаксис для массивов. (for (x of y) y) Упрощённый синтаксис для генераторов.

Упрощённые синтаксисы существуют во многих языках программирования и позволяют вам быстро собирать новый массив, основанный на существующем. Например:

Левосторонние выражения

Значениям слева назначаются значения справа.

Вы можете использовать оператор new для создания экземпляра объекта пользовательского типа или одного из встроенных объектов. Используйте оператор new следующим образом:

super

Ключевое слово используется, чтобы вызывать функции родительского объекта. Это полезно и с классами для вызова конструктора родителя, например.

Оператор расширения

Оператор расширения позволяет выражению расширяться в местах с множеством аргументов (для вызовов функций) или множестве элементов (для массивов).

Похожим образом оператор работает с вызовами функций:

Источник

Операторы Javascript

В JavaScript существует множество различных операторов: арифметические операторы, операторы присваивания, строковые операторы, операторы сравнения, логические операторы, операторы типов, побитовые операторы.

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

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

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

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

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

ОператорОписание
+Сложение
Вычитание
*Умножение
/Деление
%Остаток от деления
++Увеличение на 1
Уменьшение на 1

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

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

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

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

Также, для конкатенации строк можно использовать оператор присваивания +=:

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

Сложение строк и чисел

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

В результате в переменных x, y, z мы получим 10, 55, Hello5 соответственно.

Помните! Если сложить число и строку, в результате получится строка!

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

ОператорОписание
==равно
===равно по значению и типу
!=не равно
!==не равно по значению и типу
>больше чем
=больше или равно
>Побитовый сдвиг вправо со знаком5 >> 10101 >> 1102
>>>Побитовый сдвиг вправо5 >>> 10101 >>> 1102

Внимание! В примерах в таблице выше приведены 4-битные числа без знака. В действительности же JavaScript использует 32-битные числа со знаком. Таким образом, в JavaScript выражение

00000000000000000000000000000101 возвращает 11111111111111111111111111111010.

Источник

Операторы в JavaScript

Определение

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

Операторы в JavaScript принято делить по количеству принимаемых операндов:

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

Унарные операторы

Унарным называют оператор, принимающий всего один операнд либо с левой либо с правой стороны.

Рассмотрим три словесных унарных оператора в JavaScript.

ОператорОписание
deleteУдаляет объект, свойство объекта, элемент массива под определенным индексом, а также неявно объявленные переменные (без ключевого слова var). В случае успешного удаления какого-либо элемента, то обращаться к нему уже будет нельзя, т.к. его не существует. Возвращает true если удаление возможно и false если невозможно.
typeofВозвращает строку со значением типа данных операнда. Операндом могут быть переменные, литералы, объекты, свойства объектов и некоторые ключевые слова.
voidОператор void, в основном приводит все значения какого-либо выражения к значению undefined. Вы можете передать в качестве операнда выражение или значение, которые будут преобразованы в undefined. Применение данный оператор находит при использования протокола «javascript: (URI)». После нажатия по ссылке срабатывает код javascript, который не возвращает какое-либо значение, кроме undefined.

Бинарные операторы

Бинарным называют оператор, который принимает два операнда, по одному с каждой стороны.

Данный тип операторов наиболее распространенный. К бинарным операторам относятся: арифметические, логические, операторы сравнения и другие. Все они будут рассмотрены далее.

Тернарные операторы

Первым операндом является логическое выражение и если оно истинно, то возвращается второй операнд, если ложно, то возвращается третий операнд.

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

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

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

Данный оператор носит экспериментальный характер и является частью стандарта ECMAScript 2016 и не работает в браузерах, которые не поддерживают данный стандарт.

ОператорЗначениеОписание
x = yx = yПрисвоение значения
x >>>= yx = x >>> yПрисвоение c побитовым сдвигом вправо с заполнением битов слева нулями

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

Сравнение строк происходит по их лексической последовательности и их шестнадцатеричных кодов Unicode.

В следующей таблице представлены операторы сравнения в JavaScript.

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

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

Помимо стандартных арифметических операций, JavaScript также имеет несколько дополнительных операторов, которые представлены далее в таблице.

ОператорНазваниеОписание
x + yСложениеВозвращает сумму двух операндов.
ОператорНазваниеОписание
x++ИнкрементУнарный оператор. Добавляет единицу к своему операнду и возвращает его значение.
В зависимости от положения инкремента возвращаемое значение может изменяться. При преинкременте (++x) значение операнда возвращается после приращения на единицу, а при постинкременте (x++) значение операнда возвращается перед приращением на единицу.
x—ДекрементУнарный оператор. Вычитает единицу из своего операнда и возвращает его значение.
В зависимости от положения декремента возвращаемое значение может изменяться. При предекременте (—x) значение операнда возвращается после уменьшения на единицу, а при постдекременте (x—) значение операнда возвращается перед уменьшением на единицу.
-xОтрицаниеУнарный оператор. Возвращает отрицательное значение операнда.
+xПреобразование к числовому типуУнарный оператор. Преобразование операнда к числовому типу данных, если он не является таковым.
x ** yВозведение в степеньВозводит левый операнд в степень значения правого операнда.

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

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

Побитовые операторы представляют свои операнды в двоичном виде (нули и единицы) и выполняют соответствующие операции по каждому биту отдельно (всего 32 бита), однако возвращают результат в десятичной системе счисления.

В следующей таблице представлены все побитовые операторы.

x

Побитовое НЕ (NOT)Изменяет биты на противоположные (где был нуль, там будет единица и наоборот).
x >> yПобитовый сдвиг вправоСдвигает каждый бит вправо. Левый операнд тот, чьи биты будут сдвигаться, а правый определяет количество битов сдвига.
x >>> yПобитовый сдвиг вправоСдвигает каждый бит вправо, дополняя новый бит с лево нулем. Левый операнд тот, чьи биты будут сдвигаться, а правый определяет количество битов сдвига.

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

Далее рассмотрим три единственных логических оператора в JavaScritp.

!xЛогическое НЕ (NOT)Преобразует любое значение к булевому типу и меняет его на противоположный.

Реляционные операторы

Реляционные операторы, сопоставляют свои операнды между собой и возвращают Булево значение, на основании истинности их сопоставления.

Оператор New

Оператор new позволяет создавать новый экземпляр определенного объекта, который имеет конструктор.

Ниже рассмотрим краткий пример использования оператора new.

Оператор вызова

Пример использования оператора вызова, представлен ниже.

Часто оператор вызова используют при создании самовызывающихся функций, для этого нужно поместить оператор ( ) в конец тела функции, сразу после закрывающейся фигурной скобки, как на примере ниже.

Операторы доступа

Ниже дан небольшой пример использования операторов доступа.

Оператор «Запятая»

Не следует путать оператор запятая с запятой в перечислениях (элементы массива, последовательное объявление переменных или свойств) т.к. в этом случае запятая будет играть роль разделителя, а не оператора.

В следующем примере запятая играет роль разделителя.

Приоритет операторов

В таблице ниже, представлен список приоритета операторов.

ПриоритетТип оператораОбозначение
1Доступ к членам объекта/массива. [ ]
2Вызов / Создание экзепляра класса( ) new
3Отрицание / Инкремент!

Понравилась статья? Расскажите о ней друзьям!

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *