br 8eb34


search

Шаг за шагом в JavaScript

java123Уже третий урок мы продолжаем осваивать шаг за шагом JavaScript. В предыдущем уроке мы познакомились с важными составляющими кода - переменными, которые являются основой кода и представляют из себя символические имена, которые могут принимать различные значения. В этой статье продолжится изучение переменных и их взаимодействие с пользователями, а также вы узнаете на какие типы данных разделяются переменные и познакомитесь с основными операторами.

Работа со значениями, полученными от пользователей

java_usersСуществуют несколько команд для взаимодействия с пользователем, основные из них:

  • alert
  • promt
  • confirm

► С функцией alert, мы уже знакомы. С её помощью выводится модальное окно, в котором отображается сообщение и остается до тех пор, пока пользователь не нажмет Ok (Enter).

alert("Привет друзья");

► Вторая функция promt предназначена для того, чтобы у пользователя была возможность ввести текст. В отличие от предыдущей функции, здесь можно нажать Отмена (Esc).

var primer = prompt ('Как тебя зовут?', 'Вася');

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

Введенные данные можно показать пользователю, скомбинировав с функцией alert:

var primer = prompt ('Как тебя зовут?', 'Вася');
alert ("Привет " + primer + " как дела?");

► Функция confirm отображает сообщение, в котором пользователь нажимает Ок или Отмена, в результате полученных данных на сервер отправляются значения true (ok) или false (отмена).

var primer = confirm ('Вы хотите узнать JavaScript?');

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

Типы данных

Переменные имеют 6 типов данных:

java_tipy
  1. Неопределенные (undefined) - если обозначена переменная, но к ней не записано ни одного значения, то результат будет иметь вид - undefined.
  2. Нулевые (null) - имеет специальное значение - null, которое обозначает пустую строку или означает то, что значение неизвестно. Пример: var proba=null;
  3. Числовые (number) - этот тип используется для всех видов чисел, как для целых, так и для дробных и имеет различия в значениях +0 (0) и -0. Пример: var numb=3.5;
  4. Строковые (string) - предназначены для задания текста, цифр, символов. Значения переменных заключаются в двойные или одинарные кавычки. Пример: var text="Всем привет!";
  5. Логические (boolean) - имеет два значения - true(правда) и false(ложь), обозначающие условия Да/Нет. Более подробно в следующих уроках. Пример: var example=true;
  6. Объектные (object) - значением этого типа является объект - неупорядоченный набор свойств. Объекты создаются с помощью оператора new. Пример: var ex_object=new Object( )

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

Арифметические операторы (+,-,/,*,%,++,--)


Для проверки и экспериментом с кодом, скопируйте Пример из предыдущей статьи в блокнот (сохранив его в формате html) и вставляйте в него новые записи между тегами <script> </script>.


Стандартные операторы (сложение +, вычитание -, умножение *, деление /):

var x = 5;
x = 10 * 15/x;
alert(x);

Оператор модуль числа (%) - подсчитывает остаток после деления:

alert(8 % 3); // здесь остаток будет 2

Операторы инкремент (++) и декремент (--) - для увеличения и уменьшения значений на 1:

var x = 15;
x++;
alert (x); // значением будет число 16

По аналогии с инкрементом, у декремента значение уменьшается на 1.

Нижестоящие записи будут иметь различные ответы:

 
var x = 5;
var y = x--;
alert(y); // ответом будет 5
var x = 5;
var y = --x;
alert(y); // ответом будет 4

Различные ответы получается из-за того, что переменные имеют разные формы:

  • x-- (x++) - это постфиксная форма, сначала возвращает реультат, а затем присваивает значение
  • --x (++x) - это префиксная форма наоборот присваивает значение и выводит результат

Важно! Инкремент и декремент можно применять только с переменными! С числами нельзя!

Строковые операторы (+, +=)

Арифметические сложения, также можно выполнять по отношению к строкам:

var str = "привет"+"друзья";
alert (str); // результатом будет приветдрузья

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

alert ('Новый'+1) // в результате получим Новый1
alert ('5'+10) // в результате получим 510
alert (8+'2') // получим число 82
alert (+'7'+3) // получим 10, т.к. перед 7 стоит знак +

Пример сокрашенного оператора += имеет вид:

str='первый';
x='text';
str += x; // эта запись соответствует str=str+x
alert(str);

Оператор присваивания (=)

Этот оператор присваивает переменной результат, полученный справа:

var x = 5 * 10
var y = 70
var x = y-x  // сначала выполняются предыдущие вычисления
alert (x) // результатом будет число 20

Также операцию присваивания можно применять внутри вычисления:

var x = 5-2;
var y = 5;
var z = 6 - (x = y); // в итоге z=1
alert(x = z); // ответом будет 1

Из примера видно, что переменная слева может присваивать значение другой переменной.

Оператор присваивания может сочетаться с арифметическим действием. Например запись x=x+2 может быть сокращена так: x+=2:

var x = 2;
var y = 1 + (x *= 5);
alert(y); // в результате ответ будет 11

Таким образом можно использовать сокращенные операторы: с арифметическими+=, -=, *=, /= и с побитовыми: >>=, <<=, >>>=, &=, |=, ^=).

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

Это операторы, которые принимают значения, как 32-разрядные целые числа, в JavaScript существуют следующие побитовые операторы:

  • AND( & ) - обозначает И
  • OR ( | ) - ставится в случае ИЛИ
  • XOR ( ^ ) - при ИСКЛЮЧАЮЩЕМ ИЛИ
  • NOT ( ~ ) - обозначает НЕ
  • LEFT SHIFT ( << ) - левый сдвиг
  • RIGHT SHIFT ( >> ) - правый сдвиг
  • ZERO-FILL RIGHT SHIFT ( >>> ) - правый сдвиг с заполнением нулями

Подробнее о побитовых операторах будет рассмотрено в одной из следующих статей.

Оператор перечисления (,)

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

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

var x = (y=20, z=y/5, y=z-1);
alert(x); // ответом будет 3

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

Комментарии