«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript

Игра на «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих

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

Но прежде стоит отметить еще кое-что, что есть во всех языках программирования. Это комментарии.

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

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

Преобразование чисел

Но вернемся к основной теме статьи - преобразование или привидение типов в Javascript.

var firstName = 'John';

var age = 28;

Итак, в примере мы имеем дело с двумя различными типами данных: строка и число.

Но при выводе в консоль информации о том, что Джону 28 лет, результат будет представлен в виде одной строки.

console.log(firstName + ' ' + age);

John 28

То есть JavaScript совмещает строку с числом и выдает результат в виде единой строки. Происходит это благодаря тому, что называется «Преобразование типов». Это означает, что JavaScript автоматически преобразует типы с одного в другой, когда это необходимо.

В данном случае происходит преобразование числа в строку. Это делается для того чтобы была возможность соединить три строки: имя John, пробел ' ' и число 28, также ставшее строкой. О том, что число стало строкой, говорит и черный цвет числа. Ибо если вывести в консоль только число, то оно будет иметь синий цвет.

console.log(age);

28

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

Объединение строк, как было продемонстрировано в примере выше, это лишь один из многих примеров преобразования типов, с которыми мы еще столкнемся на протяжении этого курса. Преобразованием типов происходит постоянно - для JavaScript это норма.

Преобразование логических значений

Теперь рассмотрим еще один пример и для этого создадим немного больше переменных.

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

var job, isMarried;

job = 'Teacher';

isMarried = false; // is Married - состоящий в браке

Такой способ работы с именами переменных является распространенным и, наверное, более чистым/ясным.

Но вернемся к нашим переменным и посмотрим, что произойдет, если вывести в консоль переменную, которая содержит логическое значение false совместно со строковыми переменными.

console.log(firstName + ' is a ' + age + ' year old ' + job + '. Is he married? ' + isMarried);

John is a 28 year old Teacher. Is he married? false

Итак, мы видим, что и булева переменная была преобразована в строку. То есть JavaScript проводит преобразование типов и для логических значений.

Преобразование Undefined в строку

Теперь пробуем закомментировать булеву переменную и вывести ее в консоль. Что мы увидим при использовании переменой без значения?

var job, isMarried;

job = 'Teacher';

//isMarried = false;

console.log(firstName + ' is a ' + age + ' year old ' + job + '. Is he married? ' + isMarried);

John is a 28 year old Teacher. Is he married? undefined

И мы видим, что даже Undefined было преобразовано в строку.

Мутация переменных

В англоязычном курсе этот урок называется Variable Mutation and Type Coercion.

Type Coercion - переводится как приведение или преобразование типов. Об этом шла речь выше.

Variable Mutation - можно перевести, как мутация, видоизменение переменной. Но речь идет вот о чем.

var age = 28;

age = 'twenty-eight'; // Теперь значением переменной является строка.

Если сначала переменной присваивается числовое значение, а затем, скажем строковое, как в примере выше, то JavaScript автоматически определяет, что переменная относится уже к другому типу данных, эти изменения делаются «на лету». В этом также состоит особенность Преобразования типов в JavaScript (или мутации, видоизменения переменных).

Метод alert

job = 'driver'; // меняем значение ранее объявленной переменной job

alert(firstName + ' is a ' + age + ' year old ' + job + '. Is he married? ' + isMarried);

Метод alert вызывает всплывающее окно в основном окне браузера.

Итак, какую-либо информацию можно выводить не только в консоль, но и вызывать для ее отображения всплывающее окно или окно предупреждения (alert window).

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

Метод prompt

Здесь также стоит упомянуть о методе prompt, который является альтернативой методу alert и который позволяет легко получить какие-либо данные от пользователя.

Итог

Итак, здесь мы узнали, как происходит преобразование/приведение типов в JavaScript и «мутация» переменных. То есть при работе с кодом переменные могут менять не только свои значения, при необходимости легко меняется и тип данных. О преобразовании типов также читайте здесь.

Кроме этого здесь были рассмотрены два метода, работающие со всплывающими окнами - alert и prompt.

В общей сложности это неплохой прогресс в изучении языка. И учитывая, что это всего лишь начало курса по JavaScript, Вам уже известно достаточно много. Хотя впереди еще «тонны» информации.

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

Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


На этой странице

НЕ Рунет
Последние заметки
Популярные заметки