Операторы JavaScript. Выражения и операторы Операторы ява скрипт

. Если введено другое значение, выведите замечание и закончите программу:
") else { alert("Введите правильный тип"); exit; }
• Инициализируйте переменную kolvo значением, введенным пользователем в модальное окно:

var kolvo=prompt("Введите количество пунктов");

• Для преобразования строкового значения в числовое используйте функцию parseInt:

for (var i=1; i<=kolvo; i++) document.write("");

• Поскольку списки закрываются соответствующими тегами, в зависимости от вида списка выведите закрывающие теги:

if (listType== "1" ) document.write ("" ) else if (listType== "2" ) document.write ("" ) ;

if (listType=="1") document.write("

") else if (listType=="2") document.write("

Задание Js 3_11.
Написать скрипт, который выводит теги input (элементы управления) разного типа, в зависимости от введенной цифры:

1 - текстовое поле ,
2 - кнопка ,
3 - radio (переключатель).

Количество выведенных тегов должно тоже запрашиваться.

Вспомним теги:

Для 1 - текстовое поле: Для 2 - кнопка: Для 3 - radio:

Пример вывода:

Задание Js 3_12. Нарисовать шахматную доску 9х9, используя циклы javascript for . "Рисовать" доску следует тегами html для таблицы:

Вспомним теги:

• Для рисования 9 строк необходимо организовать внешний цикл for со счетчиком i .
• Для рисования 9 ячеек в каждой строке необходимо организовать внутренний (вложенный) цикл for со счетчиком j .
• Для отрисовки тегов ячеек и строк следует использовать метод document.write .

Результат:

Дополнительно:

1. В ячейки таблицы вывести таблицу умножения, используя счетчики цикла (i и j).
2. Первый ряд и первую колонку вывести с красным фоном (атрибут ячейки таблицы bgcolor):

   <td bgcolor = "red" > -</ td >

   -

Результат:

Вопросы для самоконтроля:

1. Объясните, что значит понятие «динамическое построение страницы»?
2. Какая конструкция языка чаще всего используется при динамическом построении страницы?

Циклические операторы языка javaScript - While

Синтаксис оператора while:

while (условие) { //..блок операторов.. };

Пример: Выводить в диалоговое окно степени двойки до 1000 (2, 4, 8 ... 512). Использовать метод alert()

• Листинг скрипта:

1 2 3 4 5

var a = 1 ; while (a < 1000 ) { a*= 2 ; alert(a) ; }

var a = 1; while (a < 1000){ a*=2; alert(a); }

a*=2 → использована операция составного присваивания: произведение, совмещенное с присваиванием, т.е. то же самое, что a = a*2

• Протестируйте результат в браузере.

Как работают операторы break и continue в цикле while ?

Пример:

var a = 1; while (a < 1000){ a*=2; if (a==64) continue; if (a==256) break; alert(a); }

Степени двойки будут выводиться до 128 включительно, причем значение 64 будет пропущено. Т.е. в диалоговых окнах мы увидим: 2 4 8 16 32 128

Задание Js 3_13. Какие значения выведет следующий фрагмент кода?

var counter = 5; while (counter < 10) { counter++; document.write("Counter " + counter); break; document.write("Эта строка не выполнится."); }

Задание Js 3_14. Написать код возведения х в степень y , используя цикл while . Запрашивать значения переменных и выводить результат с помощью alert() .

Дополните код:

var x = ...; var y = ...; counter = 1; chislo=x; while (...){ chislo=x*...; counter=...; } alert(chislo);

A Исправьте ошибку в программе, предназначенную для нахождения факториала числа:

var counter = prompt("Введите число"); var factorial = 1; document.write("Факториал числа: " + counter + "! = "); do { if (counter == 0) { factorial = 1; break; } factorial = factorial / counter; counter = counter + 1; } while (counter > 0); document.write(factorial);

Задание Js 3_16. Модифицировать программу про ввод имени пользователем:

Запрашивать имя пользователя до тех пор, пока пользователь действительно введет имя (т.е. поле действительно будет заполнено и не нажата клавиша cancel). Когда имя введено, то выводить "Привет, имя!" . document.

Как искать ошибки в javascript?

В некоторых случаях код на странице не работает непонятно по какой причине. Где искать ошибку? В таких случаях можно применить оператор try..catch .

Оператор try..catch пытается выполнить фрагмент кода, и, если в коде есть ошибка, то существует возможность выдать ошибку на экран.
Ошибка хранится в объекте e.message .

Рассмотрим работу оператора на примере:

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

• В качестве сообщения с ошибкой будем использовать метод prompt() , написанный с ошибкой - promt() . Сообщение с ошибкой заключите в блок try:

alert("до"); try { promt("введите число"); // оператор с ошибкой }

Try с англ. - "пытаться", таким образом, ставим оператор try перед фрагментом кода, который, возможно, содержит ошибку (в нашем случае ошибка действительно есть).

• Сообщение с извещением об ошибке следует разместить в блок catch:

6 7 8 9

catch (e) { alert("обработка ошибки: " + e.message ) ; }

catch(e) { alert("обработка ошибки: "+e.message); }

Если ошибка действительно есть, то оператор catch (с англ. "ловить") сохраняет эту ошибку в объекте e . В дальнейшем ее можно вывести в диалоговое окно - e.message .

• Завершающее сообщение, которое необходимо выводить независимо от того, есть ли в коде ошибка, поместите в блок finally:

finally { alert("завершающие действия"); } alert("после");

Если ошибка все же есть, то интерпретатор после ее вывода в нашем примере перейдет на выполнение блока catch , а затем finally (с английского "завершение", "наконец"), который выполнится всегда, независимо от того, была ли ошибка или нет. Даже если возникла ошибка в блоке catch .

Важно: Блок finally в конструкции необязателен.

Задание Js 3_17. Выполните пример, описанный выше, со следующими модификациями:

Резюме:

На уроке были рассмотрены следующие операторы языка javascript и конструкции:

Javascript условные операторы:

Операторы цикла:

Итоговое задание Js 3_18.
Создать игру для двоих:

1. Программа просит первого игрока ввести число от 1 до 100 (второй игрок не видит введенное число). Затем второго игрока просит угадать введенное число. В ответ выводится сообщение «мало» либо «много» в зависимости от введенного ответа. Если игрок угадывает, - выводится поздравление. Если не угадывает – игра продолжается (до тех пор, когда число действительно будет угадано).
2. Просчитывать число попыток и выдавать результат, когда число разгадано.

Вопросы для самоконтроля:

1. В каких случаях целесообразно использовать цикл For In ? Назовите пример его использования.
2. Каково назначение оператор try..catch ?
3. Объясните назначение каждого блока оператора try..catch .

This chapter describes JavaScript"s expressions and operators, including assignment, comparison, arithmetic, bitwise, logical, string, ternary and more.

A complete and detailed list of operators and expressions is also available in the reference .

Operators

JavaScript has the following types of operators. This section describes the operators and contains information about operator precedence.

JavaScript has both binary and unary operators, and one special ternary operator, the conditional operator. A binary operator requires two operands, one before the operator and one after the operator:

For example, 3+4 or x*y .

A unary operator requires a single operand, either before or after the operator:

In addition to the standard arithmetic operations (+, -, * /), JavaScript provides the arithmetic operators listed in the following table:

Bitwise operators

Use instanceof when you need to confirm the type of an object at runtime. For example, when catching exceptions, you can branch to different exception-handling code depending on the type of exception thrown.

For example, the following code uses instanceof to determine whether theDay is a Date object. Because theDay is a Date object, the statements in the if statement execute.

Var theDay = new Date(1995, 12, 17); if (theDay instanceof Date) { // statements to execute }

Operator precedence

The precedence of operators determines the order they are applied when evaluating an expression. You can override operator precedence by using parentheses.

The following table describes the precedence of operators, from highest to lowest.

A more detailed version of this table, complete with links to additional details about each operator, may be found in JavaScript Reference .

Expressions

An expression is any valid unit of code that resolves to a value.

Every syntactically valid expression resolves to some value but conceptually, there are two types of expressions: with side effects (for example: those that assign value to a variable) and those that in some sense evaluate and therefore resolve to a value.

The expression x = 7 is an example of the first type. This expression uses the = operator to assign the value seven to the variable x . The expression itself evaluates to seven.

The code 3 + 4 is an example of the second expression type. This expression uses the + operator to add three and four together without assigning the result, seven, to a variable.

JavaScript has the following expression categories:

Primary expressions

Basic keywords and general expressions in JavaScript.

this

Use the this keyword to refer to the current object. In general, this refers to the calling object in a method. Use this either with the dot or the bracket notation:

This["propertyName"] this.propertyName

Suppose a function called validate validates an object"s value property, given the object and the high and low values:

Function validate(obj, lowval, hival) { if ((obj.value < lowval) || (obj.value > hival)) console.log("Invalid Value!"); }

You could call validate in each form element"s onChange event handler, using this to pass it to the form element, as in the following example:

Enter a number between 18 and 99:

Grouping operator

The grouping operator () controls the precedence of evaluation in expressions. For example, you can override multiplication and division first, then addition and subtraction to evaluate addition first.

Var a = 1; var b = 2; var c = 3; // default precedence a + b * c // 7 // evaluated by default like this a + (b * c) // 7 // now overriding precedence // addition before multiplication (a + b) * c // 9 // which is equivalent to a * c + b * c // 9

Left-hand-side expressions

Left values are the destination of an assignment.

new

You can use the new operator to create an instance of a user-defined object type or of one of the built-in object types. Use new as follows:

Var objectName = new objectType();

super

The super keyword is used to call functions on an object"s parent. It is useful with classes to call the parent constructor, for example.

Super(); // calls the parent constructor. super.functionOnParent();

Spread operator

The spread operator allows an expression to be expanded in places where multiple arguments (for function calls) or multiple elements (for array literals) are expected.

Example: Today if you have an array and want to create a new array with the existing one being part of it, the array literal syntax is no longer sufficient and you have to fall back to imperative code, using a combination of push , splice , concat , etc. With spread syntax this becomes much more succinct:

Var parts = ["shoulders", "knees"]; var lyrics = ["head", ...parts, "and", "toes"];

Similarly, the spread operator works with function calls:

Function f(x, y, z) { } var args = ; f(...args);

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

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

Операторы

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

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

Например: 3+4 или x*y .

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

Например: x++ или ++x .

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

В результате операции присваивания операнду слева от оператора присваивания (знак "=") устанавливается значение, которое берётся из правого операнда. Основным оператором присваивания является =, он присваивает значение правого операнда операнду, находящемуся слева. Таким образом, выражение x = y означает, что x присваивается значение y.

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

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

Для более сложного присваивания в JavaScript есть синтаксис деструктуризации - это выражение, которое позволяет извлекать данные из массивов или объектов, используя синтаксис, который зеркалирует конструкторы массивов и литералы объектов.

Var foo = ["one", "two", "three"]; // без деструктуризации var one = foo; var two = foo; var three = foo; // с деструктуризацией var = foo;

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

Вы можете использовать оператор delete для удаления переменных, объявленных неявно, но вы не можете с его помощью удалять переменные, объявленные с помощью var .

После применения оператора delete свойство элемента меняется на undefined . Оператор delete возвращает true если выполнение операции возможно; оператор возвращает false , если выполнение операции невозможно.

X = 42; var y = 43; myobj = new Number(); myobj.h = 4; // создаём свойство h delete x; // возвращает true (можно удалить переменную объявленную неявно) delete y; // возвращает false (нельзя удалить переменную объявленную с помощью var) delete Math.PI; // возвращает false (нельзя удалить встроенные свойства) delete myobj.h; // возвращает true (можно удалить пользовательские свойства) delete myobj; // возвращает true (можно удалить объект объявленный неявно)

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

Удаление элемента массива не влияет на длину массива. Например, если вы удалите a , элемент a останется a, a станет undefined.

Когда элемент массива удаляется с помощью оператора delete , то из массива удаляется значение данного элемента. В следующем примере элемент trees удален с помощью оператора delete . Однако, элемент trees остается адресуемым и возвращает значение undefined .

Var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); delete trees; if (3 in trees) { // условие не выполняется }

Если вы хотите, чтобы элемент оставался в массиве, но имел значение undefined, то используйте ключевое слово undefined вместо оператора delete . В следующем примере элементу trees присвоено значение undefined , но элемент при этом остается в массиве:

Var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); trees = undefined; if (3 in trees) { // данный блок кода выполняется }

Оператор typeof

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

Например, следующий код использует оператор instanceof для проверки того, является ли объект theDay объектом типа Date . Так как theDay действительно является объектом типа Date , то программа выполняет код, содержащийся в утверждении if .

Var theDay = new Date(1995, 12, 17); if (theDay instanceof Date) { // выполняемый код }

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

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

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

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

Выражения

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

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

Выражение x = 7 является примером выражения первого типа. Данное выражение использует оператор = для присваивания переменной x значения 7 . Само выражение также равняется 7.

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

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

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

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

Оператор this

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

This["propertyName"] this.propertyName

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

Function validate(obj, lowval, hival){ if ((obj.value < lowval) || (obj.value > hival)) alert("Неверное значение!"); }

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

Введите число от 18 до 99:

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

Оператор группировки "скобки" () контролирует приоритет вычисления выражений. Например, вы можете переопределить порядок - "умножение и деление, а потом сложение и вычитание", так чтобы, например, чтобы сложение выполнялось до умножения:

Var a = 1; var b = 2; var c = 3; // обычный порядок a + b * c // 7 // выполняется, как обычно, так a + (b * c) // 7 // теперь поменяем порядок // сложение до умножения (a + b) * c // 9 // что эквивалентно следующему a * c + b * c // 9

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

Упрощенный синтаксис - экспериментальная возможность JavaScript, которая возможно будет добавлена в будущие версии ECMAScript. Есть 2 версии синтаксиса:

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

) i*i ]; // [ 1, 4, 9 ] var abc = [ "A", "B", "C" ]; ; // [ "a", "b", "c" ]

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

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

new

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

Var objectName = new objectType();

super

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

Super(); // вызывает конструктор родителя. super.functionOnParent();

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

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

Пример: Сегодня, если у вас есть массив и вы хотите создать новый с существующей частью первого, то литерального синтаксиса массива уже не достаточно, и вы должны писать императивный (без вариантов) код, используя комбинацию push , splice , concat и т.д. Но с этим оператором код становится более коротким:

Var parts = ["shoulder", "knees"]; var lyrics = ["head", ...parts, "and", "toes"];

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

Function f(x, y, z) { } var args = ; f(...args);