Головна > Блог > Презентації > javascript > JavaScript основи 1. Змінні в JavaScript.
20 Бер 19

Javascript переменные 1

Змінні в JavaScript.

 

Привіт!

Сьогодні  розпочнеться подорож у всесвіт javascript.

Що собою являє мова javascript?

JavaScript – прототипно- та об’єктно-орієнтована мова програмування яка реалізується за стандартом ECMAScript. Частіше за все вона використовувалась для створення динамічних сценаріїв сторінок на стороні клієнта, але з появою node.js набула популярності як backend мова програмування.

Іншими словами. JS – це мова, яка використовувалась для того, щоб створювати різноманітні анімації, поведінкові “хуки” та інші “приколи”, щоб зробити перебування клієнта на сторінці більш цікавим, комфортним та довшим. Але з появою платформи node.js, э можливість використовувати javascript замість php або java для опису логіки серверу.

Як працює javascript?

В кожному браузері вже є вбудований інтерпретатор, який “перекладає” javascript коди на зрозумілу для вашої платформи синтаксичну конструкцію.

Для роботи javascript необхідно або оголосити в html тег  script, або під’єднати сторонній script файл.

В прикладі ми бачимо два тега script. В першому наш тезі script ми одразу описуємо код, а в другому випадку —  ми підключаємо зовнішній script файл з розширенням.js, в якому описуємо наступні речі

main.js

Як результат, ми побачимо в консолі нашого браузера 2 лога, які походять з двох script тегів.

javascript variables p1 змінні

Надалі, ми будем працювати в main.js файлі.

до змісту ↑

Створення змінної.

Всі змінні в javascript декларуються по одному принципу який описаний нижче.

При цьому концепція завжди одна і та сама : спочатку іде ключове слово (var або let) ,потім назва змінної. Далі, в разі необхідності через знак “=” іде присвоєння значення.

до змісту ↑

В чому різниця між var та let?

var існувало раніше за let, і використовувати можна будь-яке з цих ключових слів. Різниця лише в тому,що в let є,так звана, область видимості. У прикладі нижче, ми оголосимо дві змінних в межах блоку ініціалізації (фігурні дужки), який і буде характеризувати окрему область видимості, а за його межами спробуємо звернутись до цих змінних.

Ми бачимо, що змінна “c” виводиться цілком нормально, але на етапі виведення змінної “d” ми отримаємо помилку.

до змісту ↑

Константи.

Константа (const) – тип змінної, який неможливо перевизначити.

Як бачимо вище, ми оголошуємо змінну PI з ключовим словом const, та даємо  значення 3.14, а потім намагаємось перевизначити PI і отримаємо помилку.

до змісту ↑

Різновиди типів змінних.

Хоч javascript  – динамічно типізована мова, але “під капотом” змінні мають свої типи.

Спочатку створимо змінні які будуть характеризувати загальні типи, а за допомоги оператора “typeof” визначимо, який ця змінна має тип.

Ми бачимо два дивних значення NaN та undefined.

undefined – тип який характеризує, що змінна лише задекларована, але її значення ще не існує.

NaN (англ. Not-a-Number) — одне з особливих значень числа з рухомою комою. Відповідно до стандарту IEEE 754, такий стан задається через встановлення показника ступеня в зарезервоване значення. Використовується у багатьох математичних бібліотеках і математичних співпроцесорах. Цей стан може виникнути в різних випадках, наприклад, коли попередня математична операція завершилася з невизначеним результатом, або якщо в комірку пам’яті потрапило число, що не задовольняє умовам.

до змісту ↑

Булеві оператори.

Знайомі з дитинства оператори :

І тут я впевнений, що все зрозуміло, окрім останніх двох операторів. Для розуміння пропоную подивитись на приклад :

В першому випадку ми бачимо що 5 як стрічка буде еквівалентна 5 як числу. Як так? Все просто. Спочатку відбувається приведення обох значень до стрічки, а вже потім починається порівняння, але тут важливо зрозуміти, що відбувається порівняння ascii кодів цих двох (вже на поточний момент) стрічок.

В другому варіанті зазначених вище дій по приведенню типів не відбувається, відповідно ми отримаємо false, адже число не може бути еквівалентно стрічці.

до змісту ↑

Операції зі змінними.

Математичні операції.

Відповідно, ті самі операції, в тій самій конструкції можливо зробити з відніманням, множенням, діленням…

 

А тепер подивимось яка буде ситуація, якщо додавати стрічку до числа, або число до стрічки.

І ще пара трюків…

Привести змінну до boolean.

і якщо вже про це зайшла мова….

 

Привести стрічку до числа.

Як варіант, можемо використати функції parseInt() або parseFloat(). Але розмова про них буде пізніше.

 

 

Поділитися