Фронтенд розробка 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>

Запускаємо у браузері.

$start page$

Приймаємо дані від користувача, привласнюємо їх змінною та виводимо на екран.

    var something = prompt('Вводи щось')

    alert(something)

Присвоєння.

x=y=z=1

$start page$

При ланцюжковому привласнення спочатку присвоюється 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.

Повний список