Переменные и типы данных в JavaScript

Введение

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

Мы рассмотрим:

• Объявление переменных с использованием ключевого слова let.
• Работу с тремя основными типами данных: String (текст), Number (числовые значения) и Boolean (true/false).
• Использование функции console.log() для вывода информации.
• Проверку типа данных переменной с помощью оператора typeof.

К концу этой лабораторной работы у вас будет прочная основа для работы с данными в JavaScript.

Объявление переменной с помощью ключевого слова let

На этом шаге вы научитесь объявлять переменную в JavaScript. Мы используем ключевые слова для объявления переменных, и одним из наиболее распространенных является let. Ключевое слово let указывает на то, что вы создаете новую переменную, которой позже можно будет присвоить новое значение.

Сначала найдите файл script.js в файловом проводнике слева в WebIDE. Щелкните по нему, чтобы открыть в редакторе.

Теперь добавьте следующую строку кода в script.js, чтобы объявить переменную с именем message.

let message;

Эта строка указывает движку JavaScript зарезервировать место в памяти для переменной с именем message. У нее пока нет значения, что означает, что ее значение по умолчанию равно undefined.

Присвоение строкового значения переменной

Теперь, когда вы объявили переменную, давайте присвоим ей значение. Мы начнем с типа данных String (строка). Строка — это последовательность символов, используемая для представления текста. В JavaScript строки заключаются в одинарные (') или двойные (") кавычки.

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

Измените файл script.js, чтобы объявить переменную message и присвоить ей строковое значение в одной строке. Замените существующий код следующим:

let message = "Hello, LabEx!";

Эта одна строка одновременно создает переменную message и сохраняет в ней текст "Hello, LabEx!".

Присвоение числового значения и вывод в консоль

Далее давайте рассмотрим тип данных Number (число). Этот тип используется для всех числовых значений, включая целые числа (например, 10) и десятичные числа (например, 3.14).

На этом шаге вы также научитесь использовать console.log(). Это встроенная функция JavaScript, которая выводит информацию в консоль разработчика браузера. Это важный инструмент для проверки значений ваших переменных и отладки кода.

Добавьте следующие строки в конец файла script.js. Это создаст новую переменную userCount и выведет ее значение в консоль.

let userCount = 100;
console.log(userCount);

Чтобы увидеть вывод, щелкните вкладку Web 8080 в верхней части интерфейса LabEx. Щелкните правой кнопкой мыши на странице, выберите "Inspect" (Проверить), а затем щелкните вкладку "Console" (Консоль) в появившейся панели инструментов разработчика. Вы должны увидеть число 100, выведенное в консоли.

Использование булевых значений true или false в переменной

Третий фундаментальный тип данных, который мы рассмотрим, — это Boolean (булево значение). Булево значение может иметь только одно из двух значений: true (истина) или false (ложь). Булевы значения являются основой логики и принятия решений в программировании.

Давайте объявим булеву переменную. Добавьте следующие строки в конец файла script.js, чтобы создать переменную с именем isComplete и вывести ее значение.

let isComplete = true;
console.log(isComplete);

Теперь вернитесь на вкладку Web 8080 и посмотрите в консоль. Вы увидите новый вывод true, напечатанный под 100 из предыдущего шага.

Проверка типа переменной с помощью оператора typeof

Иногда вам нужно узнать, какие данные хранятся в переменной. Для этой цели JavaScript предоставляет оператор typeof. Он возвращает строку, указывающую тип операнда.

На этом заключительном шаге вы будете использовать typeof для проверки типа данных каждой созданной вами переменной. Добавьте следующие строки в конец файла script.js.

console.log(typeof message);
console.log(typeof userCount);
console.log(typeof isComplete);

После добавления кода переключитесь на вкладку Web 8080 и при необходимости обновите страницу. Проверьте консоль. Теперь вы увидите тип данных для каждой переменной.

Ожидаемый вывод в консоли будет следующим:

string
number
boolean

Резюме

Поздравляем с завершением этой лабораторной работы! Вы сделали первые шаги в программировании на JavaScript, изучив переменные и основные типы данных.

В этой лабораторной работе вы научились:

• Объявлять переменные с помощью ключевого слова let.
• Присваивать значения переменным с помощью оператора присваивания (=).
• Работать с тремя основными типами данных: String (строка), Number (число) и Boolean (булево значение).
• Использовать console.log() для проверки значений и отладки кода.
• Использовать оператор typeof для определения типа данных переменной.

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