Змінні в JavaScript - Розуміння змінних у JavaScript

Зміст:

Anonim

Вступ до змінних у JavaScript

Перш ніж почати зі змінної JavaScript, ми повинні знати, що саме означає цей термін. Загалом, змінна означає щось, що постійно змінюється. З точки зору програмування, змінна - це не що інше, як посилання на пам'ять, в якій ми зберегли якесь значення. В даний час у нас є три різні способи оголошення змінної. У кожного є своє значення для використання. Це такі:

  1. вар
  2. дозволяти
  3. const

Усі перераховані вище три ключові слова у JavaScript. Взагалі ми повинні оголосити змінну за допомогою ключового слова var. Пізніше в ES2015 (EcmaScript 2015) було введено два нових ключових слова для декларування змінних, тобто дозволити і const. Вони обидва є блок-шкалою. Але поки ми будемо концентруватися на var.

Синтаксис змінних у JavaScript

Змінна javascript поставляється з областю. JavaSript має дві сфери локальної та глобальної сфери застосування. Пізніше, у ES2015, ми познайомилися з блоком дії.

Давайте зосередимось на глобальному масштабі та локальному масштабі. Будь-яка змінна, оголошена вгорі коду, є для всіх лише глобальною. Будь-хто може отримати доступ до нього. В іншій бічній змінній, оголошеній всередині будь-якої функції, є локальною для цієї функції, і вона не може бути доступна за межами цієї області.

Приклад №1

Код:

var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();

Вихід:

У наведеному вище прикладі змінний колір є глобальною змінною, а модель змінної - локальною змінною. Змінна модель є локальною за своєю функціональною сферою. І це недоступно ззовні. Якщо ми спробуємо це зробити, то ми отримаємо помилку. Давайте перевіримо це.

Приклад №2

Код:

var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
console.log(model);

Вихід:

Синтаксис відповідної декларації

Наступний синтаксис призначений для відповідної декларації:

  • Для var: var variable_name;
  • Для дозволеного: let variable_name;
  • Для const: const variable_name;

Правила змінних Javascript

Нижче наведено правило для змінної javascript:

  1. Назва змінної Javascript має починатися з літери.range - це az та AZ.
  2. Це може починатися з $ і _.
  3. Змінні Javascript не повинні починатися з цифри.
  4. Ми можемо використовувати цифру між іменем. напр .: будинок1
  5. JavaScript чутливий до регістру, тому змінна оголошена як ціна та ціна відрізняються.
  6. Імена змінних JavaScript не повинні мати ім’я чи ключові слова. Наприклад: змінна const; це заборонено, оскільки const - це ключове слово.

Як працюють змінні в JavaScript?

Змінні JavaScript засновані на областях. Давайте розберемося спочатку, що таке сфера застосування у JavaScript. JavaScript працює у своєму лексичному середовищі. Деякі люди вважають це складним, але це прямо:

  • Почнемо з оголошення змінної. Оголошення змінної - це не що інше, як просто записати ім'я змінної. У JavaScript ми дотримуємось правила написання var та після написання імені змінної var. Точка з комою (;) необов’язково в JavaScript. Але це корисно, якщо ви дасте, і рекомендується спосіб до цього. Надання крапки з комою дає уявлення про те, де заява закінчилася.

Код:

var price;

  • У наведеному вище прикладі ключове слово var, а назва змінної - ідентифікатор ціни. Якщо ви вивчали операторів у JavaScript, то ви знаєте, що тут ми використовували оператор присвоєння (=). Будь-яке ім'я, яке ми даємо змінній, відоме як ідентифікатор у JavaScript.
  • Будь-яке значення, задане в правій частині завдання, зберігається в змінній, яка знаходиться в лівій частині.
  • Для змінних рекомендується використовувати малі літери. У нас є чохол для верблюдів. Нижній корпус верблюда використовується для змінних.
  • Тепер достатньо про декларацію JavaScript. Перейдемо до ініціалізації цієї змінної.
  • Ініціалізація змінної - це процес присвоєння значення цій змінній. Тепер виникає питання, яке значення? Чи є у нас типи даних у JavaScript? І відповідь - так.
  • JavaScript - це динамічна мова. Це означає, що ми не декларуємо змінні явно певним типом. Сам компілятор JavaScript вводить примус до конкретного типу даних.
  • У JavaScript є типи даних "Номер", "String", "Булів", "Не визначено" та "Null".
  • У JavaScript є умова надати значення всім змінним, які не ініціалізовані. І це значення не визначене.

Код:

var price =10; //initializing variable with value of 10

  • У наведеному вище прикладі ми змінюємо змінну, яка вже ініціалізована. Що робити, якщо ми не надаємо значення змінній? Спробуємо наступний код на консолі JavaScript і подивимось результат.

Код:

var price;
console.log (price); //printing value to the console

У JavaScript ми показуємо вихід на консолі методом console.log, як показано вище.

Вихід:

Пам’ятайте, що JavaScript є чутливим до регістру. Тепер, давайте подивимось, чи присвоїмо нам значення змінної, що буде результатом.

Код:

var price =10; // initialized variable with the value 10
console.log(price);

Вихід:

Декларування змінної з ключовим словом var за замовчуванням належить до її глобальної сфери. Ми можемо оголосити змінні можуть у тому ж рядку. Для цього нам потрібно розділити кожну змінну комою (, ).

Також ключовим, який слід зазначити тут, є значення змінної, яка є числовою, і не слід вказувати в лапки. Якщо ви вказали число в лапках, то JavaScript це як рядок.

Приклади змінних у JavaScript

Нижче наведено кілька прикладів змінних у javascript:

Приклад №1

JavaScript var може зберігати дані незалежно від їх типу. Давайте перевіримо на цьому один приклад.

Код:

var color = "black";
var car = "BMW";
var no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no); >

Вихід:

Приклад №2

Ми можемо оголосити вище всіх змінних в одному рядку. Подивіться на код нижче.

Код:

var color = "black", car = "BMW", no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);

Вихід:

Ми просто розділили кожну змінну комою і в той же час ми її ініціалізували.

Приклад №3

Тепер ми розглянули декларування змінних один раз. Що станеться, якщо ми повторно оголосимо змінні? Подивіться на приклад нижче.

Код:

var color = "black";
var color;
console.log("The color is: " + color);

Вихід:

Навіть якщо ми знову декларуємо змінну, яку називають кольором, вона не втрачає свого значення. Це дає нам чорний як вихід.

Висновок

JavaScript - інтерпретована мова та динамічний характер. Тому розуміння того, як це працює, дуже важливо. Оцінка масштабу змінної є дуже важливим аспектом під час вивчення JavaScript.

Рекомендовані статті

Це посібник зі змінних у JavaScript. Тут ми детально обговорюємо глибоке вивчення змінного JavaScript з прикладами синтаксису та важливими аспектами. Ви також можете ознайомитись з іншими нашими пов’язаними статтями, щоб дізнатися більше -

  1. Умовні заяви у JavaScript
  2. Змінні в C #
  3. Змінні на Java
  4. Об'єкти JavaScript