Piotr-Topciu

Лабораторная работа №1. Введение в JavaScript

Topciu Piotr

Цель работы

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

После установки VS Code & Node Js, открываем браузер и консоль, где пишем:

После выполнения 3 действия после создания файла index.html мы вставили в него следующий код:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Привет, мир!</title>
  </head>
  <body>
    <script>
      alert("Привет, мир!");
      console.log("Hello, console!");
    </script>
  </body>
</html>

Откроем index.html в браузере и посмотрим, как выполняется код:

Видим это всплывающее окно!

Далее у нас подключение внешнего JavaScript-файла

• Создаем файл script.js и добавляем в него код:

alert("Этот код выполнен из внешнего файла!");
console.log("Сообщение в консоли");

• Подключим файл в index.html, добавив в <head> данный код:

<script src="script.js"></script>

И после этого видим такой результат:

2 часть лабороторной работы

Объявление переменных и работа с типами данных.

• В файле script.js создаем несколько переменных:

Используем var что бы прямиком из консоли обратиться к нашим переменным!

Далее используем команду console.log что бы вывести переменные

Вставив этот код в наш js файл

   let score = prompt("Введите ваш балл:");
   if (score >= 90) {
     console.log("Отлично!");
   } else if (score >= 70) {
     console.log("Хорошо");
   } else {
     console.log("Можно лучше!");
   }

   for (let i = 1; i <= 5; i++) {
     console.log(`Итерация: ${i}`);
   }

Мы получаем поля для ввода балла

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

Основы JavaScript

1. var vs let vs const

• var — функциональная область видимости, всплывает (hoisting), можно переопределять.
• let — блочная область видимости, нельзя переобъявлять, но можно изменять.
• const — блочная область видимости, нельзя переопределять и изменять значение (кроме объектов и массивов).

2. Неявное преобразование типов

JavaScript автоматически меняет тип данных в выражениях:

console.log('5' + 3);  // "53" (конкатенация)
console.log('5' - 3);  // 2 (строка преобразуется в число)
console.log(true + 1); // 2 (true -> 1)

3. Разница между == и ===

• == выполняет приведение типов: '5' == 5 → true.
• === строгое сравнение без приведения: '5' === 5 → false.

Рекомендуется использовать ===, чтобы избежать неожиданных ошибок.