Специальные операторы в javascript

Специальные операторы JavaScript

Некоторые операторы в JavaScript не являются арифметическими и не связаны с присваиванием.

В этой статье мы рассмотрим эти типы операторов, в том числе встроенные условные операторы, запятую, пустоту и операторы типов.

Встроенный условный оператор

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

Его можно записать в следующем формате:

let x = condition ? ifTrue : ifFalse

ifTrue — это объект или значение, которое будет возвращено, если condition равно true . В противном случае возвращается ifFalse .

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

const foo = true; let x = foo ? 1 : 2;

Тогда x будет присвоено 1, поскольку foo равно true .

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

Оператор запятой возвращает результат справа от запятой. Мы можем использовать его следующим образом:

Он всегда возвращает элемент справа, поэтому x будет присвоено значение right .

Например, мы можем использовать его следующим образом:

const left = 1; const right = 2; let x = (left, right);

Тогда x равно 2, поскольку right равно 2.

Этот оператор существует, но для него нет подходящего варианта использования.

недействительный оператор

Оператор void оценивает свой операнд и возвращает undefined . Например, мы можем написать:

x — это undefined , возвращенное оператором void .

void не так уж и полезен. Но иногда void 0 используется как синоним undefined .

Кроме того, в некоторых случаях важно возвращать undefined , а не выражение JavaScript, и void можно использовать для отмены результата. Например, когда у нас есть выражение в элементе HTML, которое вызывает JavaScript, и мы хотим вернуть undefined , мы можем его использовать.

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

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

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

что то же самое, что писать:

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

const foo = () => 'foo'; document.querySelector('button').onclick = () => void foo();

Тогда мы не будем возвращать значения из foo в нашем onclick обработчике.

тип

Оператор typeof полезен для различения примитивных значений и объектов.

Он возвращает строку с именем примитивного типа для всех примитивных значений, кроме null . Для null и объектов оператор typeof возвращает ‘object’ . Для функций typeof возвращает ‘function’ .

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

• undefined — возвращает ‘undefined’
• null — возвращает ‘object’
• boolean — возвращает ‘boolean’
• число — возвращает ‘number’
• строка — возвращает ‘string’
• функции — возвращает ‘function’
• другие нормальные значения — возвращает ‘object’

Например, мы можем написать:

который возвращает ‘function’ или:

который возвращает ‘number’ или:

который возвращает ‘object’ .

typeof null возврат ‘object’ считается ошибкой, но поскольку на это полагается много кода, ее нельзя исправить, не нарушив большого количества производственного кода в Интернете.

Мы можем проверить, существует ли переменная, проверив, возвращает ли typeof ‘undefined’ . Например, мы можем написать:

Если x не существует, сравнение возвращает true .

Оператор instanceof

instanceof проверки — это объект, являющийся экземпляром конструктора. Мы можем использовать его, следуя приведенному ниже формату:

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

Например, мы можем написать:

который возвращает true или:

который возвращает true , поскольку массив является экземпляром конструктора Array .

Заключение

Некоторые операторы в Javascript более полезны, чем другие. Условный оператор полезен для возврата значений в соответствии с условием в одной строке. Оператор typeof позволяет нам различать примитивные значения и объекты. Оператор instanceof позволяет нам проверить, является ли объект экземпляром данного конструктора.

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

Источник

Специальные операторы

С помощью оператора delete Вы можете удалить указанный элемент. Оператор возвращает true если удаление указанного элемента прошло успешно, и false если нет.

Обратите внимание: оператор delete не может удалить, переменную объявленную, с помощью var.

//Создадим переменную x и присвоим ей значение 33 x=33; //Удалим переменную x и выведем результат выполнение данной операции document.write(delete x); document.write("
"); //Теперь попробуем удалить переменную объявленную с помощью var var y=100; document.write(delete y); document.write("
"); //Попробуем удалить предопределенное свойство PI объекта Math document.write(delete Math.PI); document.write("
"); //Создадим массив содержащий 4 элемента и выведем его содержимое g=new Array("Яблоко","Груша","Мешок с деньгами", "Лимон"); document.write(g+"
"); //Удалим 3й элемент массива и выведем его содержимое после операции delete g[2]; document.write(g);

Оператор in

С помощью оператора in Вы можете узнать имеется ли произвольное свойство у указанного объекта или массива. Метод вернет true если указанное свойство имеется, и false, если нет.

//Создадим массив содержащий 3 элемента и выведем его содержимое g=new Array("Яблоко","Груша", "Лимон"); //Проверим имеется ли у массива 2ой элемент document.write(1 in g); document.write("
"); //Проверим имеется ли у массива 5ый элемент document.write(4 in g); document.write("
"); //Создадим объект содержащий 3 свойства var fio=; //Проверим имеет ли объект fio свойство imya document.write("imya" in fio); document.write("
"); //Проверим имеет ли объект fio свойство vozrast document.write("vozrast" in fio);

Оператор instanceof

Оператор instanceof сверяет тип объекта с переданным значением. Если они совпадают, метод возвращает true, если нет false.

//Создадим массив g g=new Array("Яблоко","Груша", "Лимон"); //Создадим строку str var str=new String("Привет мир."); //Проверим является ли g массивом document.write(g instanceof Array); document.write("
"); //Проверим является ли str массивом document.write(str instanceof Array); document.write("
"); //Проверим является ли str строкой document.write(str instanceof String); document.write("
");

Оператор typeof

Оператор typeof возвращает тип указанного объекта.

//Создадим объект fio var fio=; //Зададим функцию function test() < return 0; >//Зададим число var g=120; //Выведем тип объекта fio на страницу document.write(typeof fio); document.write('
'); //Выведем тип объекта test на страницу document.write(typeof test); document.write('
'); //Выведем тип объекта g на страницу document.write(typeof g); document.write('
');

Wisdomweb.ru © 2023.
Все права защищены. Любое использование материалов данного сайта без разрешения администрации запрещено.
Онлайн учебники по HTML, HTML5, CSS, JavaScript, AJAX, HDOM, jQuery.

Источник

Expressions and operators

This chapter documents all the JavaScript language operators, expressions and keywords.

Expressions and operators by category

For an alphabetical listing see the sidebar on the left.

Primary expressions

Basic keywords and general expressions in JavaScript. These expressions have the highest precedence (higher than operators).

The this keyword refers to a special property of an execution context.

Basic null , boolean, number, and string literals.

Array initializer/literal syntax.

Object initializer/literal syntax.

The function keyword defines a function expression.

The class keyword defines a class expression.

The function* keyword defines a generator function expression.

The async function defines an async function expression.

The async function* keywords define an async generator function expression.

Regular expression literal syntax.

Left-hand-side expressions

Left values are the destination of an assignment.

Member operators provide access to a property or method of an object ( object.property and object[«property»] ).

The optional chaining operator returns undefined instead of causing an error if a reference is nullish ( null or undefined ).

The new operator creates an instance of a constructor.

In constructors, new.target refers to the constructor that was invoked by new .

An object exposing context-specific metadata to a JavaScript module.

The super keyword calls the parent constructor or allows accessing properties of the parent object.

The import() syntax allows loading a module asynchronously and dynamically into a potentially non-module environment.

Increment and decrement

Postfix/prefix increment and postfix/prefix decrement operators.

Postfix increment operator.

Postfix decrement operator.

Prefix increment operator.

Prefix decrement operator.

Unary operators

A unary operation is an operation with only one operand.

The delete operator deletes a property from an object.

The void operator evaluates an expression and discards its return value.

The typeof operator determines the type of a given object.

The unary plus operator converts its operand to Number type.

The unary negation operator converts its operand to Number type and then negates it.

Pause and resume an async function and wait for the promise’s fulfillment/rejection.

Arithmetic operators

Arithmetic operators take numerical values (either literals or variables) as their operands and return a single numerical value.

Relational operators

A comparison operator compares its operands and returns a boolean value based on whether the comparison is true.

Less than or equal operator.

Greater than or equal operator.

The instanceof operator determines whether an object is an instance of another object.

The in operator determines whether an object has a given property.

Note: => is not an operator, but the notation for Arrow functions.

Equality operators

The result of evaluating an equality operator is always of type boolean based on whether the comparison is true.

Strict inequality operator.

Bitwise shift operators

Operations to shift all bits of the operand.

Bitwise left shift operator.

Bitwise right shift operator.

Bitwise unsigned right shift operator.

Binary bitwise operators

Bitwise operators treat their operands as a set of 32 bits (zeros and ones) and return standard JavaScript numerical values.

Binary logical operators

Logical operators implement boolean (logical) values and have short-circuiting behavior.

Nullish Coalescing Operator.

Conditional (ternary) operator

The conditional operator returns one of two values based on the logical value of the condition.

Assignment operators

An assignment operator assigns a value to its left operand based on the value of its right operand.

Unsigned right shift assignment.

Nullish coalescing assignment.

Destructuring assignment allows you to assign the properties of an array or object to variables using syntax that looks similar to array or object literals.

Yield operators

Pause and resume a generator function.

Delegate to another generator function or iterable object.

Spread syntax

Spread syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected. In an object literal, the spread syntax enumerates the properties of an object and adds the key-value pairs to the object being created.

Comma operator

The comma operator allows multiple expressions to be evaluated in a single statement and returns the result of the last expression.

Specifications

Browser compatibility

BCD tables only load in the browser

See also

Found a content problem with this page?

This page was last modified on Apr 5, 2023 by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник