Фронтенд розробка JavaScript. / Змінні. Математичні операції. / Ввід данних. Арифметика.
Змінні. Математичні операції.
Програма Hello World.
Створюємо html сторінку index.html у новій папці.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Заголовок</title>
</head>
<body>
<script>
alert('Hello world!')
</script>
</body>
</html>
Запускаємо у браузері.
Приймаємо дані від користувача, привласнюємо їх змінною та виводимо на екран.
var something = prompt('Вводи щось')
alert(something)
Присвоєння.
x=y=z=1
При ланцюжковому привласнення спочатку присвоюється z = 1 і потім значення 1 виштовхується вліво і присвоюється змінною y далі по ланцюжку.
Оператори та операнди.
Оператор - спеціальний символ, що означає те чи інше обчислення. Ця конструкція мови не має значення, що повертається.
Операнд - над чим працює оператор (значення)
Операція - це те, що має значення, що повертається.
Таким чином, привласнення це і оператор і операція одночасно!
Арифметичні оператори.
Додавання x+y
Віднімання x – y
Розмноження x * y
Поділ x/y
Залишок від поділу x%y
Зведення до ступеня x**y
Інверсія (зміна знака) -x
Інкремент (збільшення на 1) x++ або ++x
Декремент (зменшення на 1) x– або –x
При операціях враховується пріоритет та працюють дужки.
Операції відносин (порівняння).
Не суворе одно ==
Суворе дорівнює ===
При суворому порівнянні враховується і тип змінної.
Тому при порівнянні рядка та числа наприклад
2 === '2'
Повернутися false, хоча за не суворого порівняння
2 == '2'
Поверне true
Більше >
Менше <
Більше або дорівнює >=
Менше чи дорівнює <=
Логічні оператори.
Застосовуються переважно комбінування кількох умов.
Логічне І
age > 10 && age < 30
login=="user" && password=="MySecret"
Логічне АБО
age == 10 || age == 12
Комбінація.
(login=="user" || email=="user@itstep.org") && password=="MySecret"
Логічна інверсія
Оператор “!”
Змінює результат операнда на протилежний.
!(profession == ‘banker’)
Інверсія - це найпростіший вид бітових операцій, повний їх перелік вивчає розділ дискретної математики.
При інверсії тупо змінюються всі біти (0 або 1) протилежні.
Бітові операції/оператори.
Застосовуються вкрай рідко задля економії пам’яті, підвищення швидкодії та криптографії.
Бітове та - &
Бітове виключне АБО - ^
Бітове АБО - |
Оператор typeof
Визначає тип змінної.
"typeof 2" дасть результат "number"
Назва типу є рядковою величиною та її можна порівнювати.
typeof 2 === "number"
Будь-яка невизначена змінна має тип «undefined» та звернення до будь-якого імені не повинно призводити до помилки, навіть якщо це ім’я ніде раніше не визначалося
console.log(typeof s); // поверне undefined
Саме тому не виникає помилок у момент присвоєння змінних т.к. змінна буде автоматично створена
Однак це викликає помилку
console.log(s);
Тому що помилці наводить звернення до значення невизначеної змінної - так звана спроба читання (операцією console.log(x);).
Діалогові вікна
alert - Окно сообщений.
prompt -Вікно повідомлень.
prompt – Вікно введення повідомлення. Повертає значення, яке вводить користувач.
confirm – Вікно підтвердження дії. Повертає true чи false
Усі ці вікна модальні, тобто. Поки користувач не відреагує, браузер блокує сторінку.
Примітка. Вікно alert повертає значення undefined. Тому ми його і бачимо у консолі
Унарний опрератор + часто використовується до приведення типу до числового.
цей оператор може працюваті як бінарний (с двома операндами) так і унарний - з одним
x = +prompt("Input x=")
він не змінюе чісло але перетворює строку в число
Концепція програмного об’єкта.
Об’єкт - це програмна суть (істота), яка має властивості та методи.
Отримання якості.
object.prpperty_name
ВВиклик методу.
object.do_something(with_something)
Модуль Math
Math - це вбудований в мову об’єкт зі своїми властивостями та методами.
Основні властивості.
Math.PI -число Пі.
Math.E – основа натуральних логорифмів.
Основні методи.
Тригонометричні функції sin(), cos(), tan(), asin(), acos(), atan(), atan2()
Math.abs(x) - модуль числа
Math.floor(x) - округляє x до цілого більшого.
Math.ceil(x), Math.round(x) - округляє x до цілого більшого.
Math.pow(x, y) - зводить у ступінь.
Math.random() - довільне число від 0 до 1.