JavaScript - Переменные

Эй, будущий супергерой кодирования! ? Добро пожаловать в наше увлекательное путешествие в мир переменных JavaScript. Как твой доброжелательный сосед по компьютерным наукам, я рад помочь тебе осилить этот fundamental concept. Так что, надень свою виртуальную шляпу для размышлений, и погружайся с нами в мир переменных!

Переменные JavaScript

Представь, что ты организовываешь вечеринку (кому не нравится хорошая кодирующая вечеринка, верно?). Тебе нужно место для хранения всей важной информации - например, сколько заказать пицц, кто придет и какие игры будут играть. В JavaScript переменные как те контейнеры для хранения, которые ты используешь при планировании вечеринки. Они хранят данные, необходимые для работы наших программ.

Давайте начнем с простого примера:

let partyGuests = 10;

Здесь мы создали переменную partyGuests и присвоили ей значение 10. Это как записать на липучке: "Ожидается 10 гостей."

Объявление переменных в JavaScript

Теперь давайте поговорим о том, как мы действительно создаем эти переменные. В JavaScript у нас есть три способа объявления переменных:

1. var - старый добрый способ (еще работает, но есть свои особенности)
2. let - новый модный парень (используй это для переменных, которые могут измениться)
3. const - верный страж (используй это для переменных, которые не изменятся)

Давайте посмотрим, как они работают:

var oldSchoolCool = "Я переменная var";
let modernAndFlexible = "Я переменная let";
const rockSolid = "Я переменная const";

Представь var как виниловые пластинки твоего дедушки, let как перезаписываемый CD, и const как твою любимую песню, которую ты не хочешь менять.

Инициализация переменных с помощью оператора присваивания

Помнишь значок = из математики? В JavaScript он называется оператором присваивания. Это как магическая палочка, которая puts values в наши переменные:

let magicNumber;  // Объявление
magicNumber = 42; // Инициализация

// Или мы можем сделать это сразу:
let theAnswerToEverything = 42;

Совет: Всегда инициализируй свои переменные. Это как убедиться, что ты положил еду в холодильник перед тем, как пригласить друзей!

Типы данных в JavaScript

JavaScript довольно гибок в том, какой тип данных можно хранить в переменных. Вот основные типы:

Тип данных	Пример	Описание
Number	let age = 25;	Для числовых значений
String	let name = "Alice";	Для текста
Boolean	let isAwesome = true;	Для значений true/false
Undefined	let mystery;	Для переменных без значения
Null	let emptyBox = null;	Для преднамеренно пустых переменных
Object	let person = {name: "Bob", age: 30};	Для сложных структур данных
Array	let fruits = ["apple", "banana", "cherry"];	Для списков элементов

Давайте посмотрим, как они работают:

let myAge = 30;
let myName = "JavaScript Ninja";
let canCode = true;
let futureSkill;
let emptyMind = null;
let myProfile = {job: "Coder", hobby: "Coffee drinking"};
let myTodoList = ["Learn JS", "Build awesome stuff", "Change the world"];

console.log(typeof myAge);  // Вывод: number
console.log(typeof myName);  // Вывод: string
console.log(typeof canCode);  // Вывод: boolean
console.log(typeof futureSkill);  // Вывод: undefined
console.log(typeof emptyMind);  // Вывод: object (это особенность JavaScript!)
console.log(typeof myProfile);  // Вывод: object
console.log(typeof myTodoList);  // Вывод: object (массивы - это особые объекты в JS)

Имена переменных в JavaScript (идентификаторы)

Называть переменные так же важно, как называть своих питомцев - есть правила, но ты можешь быть креативным! Вот основные правила:

1. Начинать с буквы, подчеркивания (_) или знака доллара ($)
2. Могут содержать буквы, числа, подчеркивания или знаки доллара
3. Отличаются регистром (myVar ≠ myvar)
4. Не могут использовать зарезервированные ключевые слова (например, let, const, function и т.д.)

Хорошие примеры:

let camelCase = "Я назван в честь хоботного животного";
let _underscoreFirst = "Я начинаю с подчеркивания";
let $dollarSign = "Я чувствую себя богатым";
let mix123 = "Я смесь букв и чисел";

Не очень хорошие примеры:

let 123abc = "Я начинаю с числа, поэтому я недействителен";
let my-variable = "В переменных не разрешены тире";
let let = "Я зарезервированное ключевое слово, поэтому я недоступен";

Знак доллара ($) и подчеркивание (_)

Знак доллара ($) и подчеркивание (_) - это особые символы в JavaScript. Они часто используются в именах библиотек или для особых целей:

let $_$ = "Я действительная переменная, но выгляжу странно";
let _privateVariable = "Я часто используюсь для обозначения私 переменной";
let $jQueryObject = "Я часто используюсь в jQuery для обозначения jQuery объекта";

Значение переменной undefined в JavaScript

Когда ты объявляешь переменную без инициализации, она получает особое значение undefined:

let myFuturecar;
console.log(myFuturecar);  // Вывод: undefined

// Это отличается от null:
let myEmptyGarage = null;
console.log(myEmptyGarage);  // Вывод: null

Представь undefined как "Я забыл поставить значение здесь," а null как "Я намеренно оставил это пустым."

Scope переменных в JavaScript

Scope в JavaScript похож на видимость ninja. Некоторые переменные видны везде (глобальный scope), а другие видны только в определенных областях (локальный scope).

let globalNinja = "Я вижусь везде!";

function stealthMission() {
let localNinja = "Я вижусь только внутри этой функции";
console.log(globalNinja);  // Это работает
console.log(localNinja);   // Это также работает
}

console.log(globalNinja);  // Это работает
console.log(localNinja);   // Это вызывает ошибку - localNinja не определен здесь

помни, что что happens in Vegas... я имею в виду, в функции, stays in the function (если ты не explicitly return его).

И вот оно, мой кодирующий ученик! Ты только что повысил свои навыки JavaScript. Помни, что практика makes perfect, так что продолжай кодить и экспериментировать. Before you know it, ты будешь жонглировать переменными как профессиональный фокусник! ??‍♀️

Счастливо кодируй, и пусть переменные всегда будут на твоей стороне! ?✨

Credits: Image by storyset