При програмирането с JavaScript често ще срещнеш различни възможности за присвояване и промяна на стойности. Особено практична концепция са т.н. "съставни присвоявания" или комплексни присвоявания. Те помагат да направите кода по-ясен, по-кратък и по-ясен. В това ръководство ще научите какво представляват съставните присвоявания, как да ги прилагате успешно и какви предимства носят.
Най-важни изводи
Всеки оператор за присвояване може да бъде заменен с неговия комбиниран оператор, за да се направи кодът по-четим и ефективен. Най-често срещаните оператори са събиране, изваждане, умножение, деление и модул. Разпознаването и използването на тези оператори намалява обема на кода и избягва излишъците.
Стъпка по стъпка ръководство
Първо, искаме да уточним какво точно са съставни присвоявания. В основата си това е комбинация от оператор и присвояване, която позволява да промениш стойността и едновременно с това да я запазиш.
Стъпка 1: Първо присвояване Първо създаваме променлива x и я задаваме на 5. Това представлява началната стойност, с която ще работим. Можеш да добавиш този код в JavaScript средата:
let x = 5;

Стъпка 2: Първо увеличение на стойността Представи си, че искаш да увеличиш стойността на x с 10. Подходящият код за това би бил:
x = x + 10; Този ред присвоява резултата от събирането на 10 към оригиналната променлива x. Можеш да тестваш този резултат в браузъра.

Стъпка 3: Използване на съставно присвояване за събиране Вместо да използваш тази по-дълга синтаксис, можеш да използваш съставното присвояване:
x += 10; Тази съкратена форма не само че е по-кратка, но също така подобрява четливостта на кода ти. Когато обновиш кода и провериш в браузъра, ще видиш, че променливата вече има стойност 15.

Стъпка 4: Прилагане на изваждане Принципът на съставните присвоявания работи и с други математически оператори, като изваждане. Представи си, че искаш да намалиш променливата с 5. Вместо да използваш x = x - 5;, можеш да напишеш:
x -= 5; Проверете новата стойност на x.
Стъпка 5: Умножение и деление Същото важи и за умножение и деление. Вместо за нова стойност:
x = x * 2; просто използваш:
x *= 2; или за деление:
x /= 2;
Отново използвайте съставните присвоявания тук и обърнете внимание на резултатите.
Стъпка 6: Изчисление на модул Още един усъвършенстван инструмент е модулният оператор. Например, за да проверите дали едно число е четно или нечетно, можете да направите следното:
let isEven = x % 2; За да го използваш с присвояване:
isEven %= 2; Проверете резултата от израза там, където isEven може да бъде 0 или 1.

Стъпка 7: Оператор за инкремент Често срещан случай е операторът за инкремент. Можеш да увеличиш x и директно с 1, като напишеш:
x++; или можеш да използваш напр. x += 1;
Резюме — Основи на съставните присвоявания в JavaScript
Използването на съставни присвоявания в JavaScript ти позволява значително да опростиш и структурират кода си. Научихте, че тези принципи не са приложими само за събиране, но и за други математически операции като изваждане, умножение, деление и модул. Чрез използването на тези оператори за присвояване твоят код не само става по-кратък, но и по-четим.
Често задавани въпроси
Какво са съставни присвоявания?Съставните присвоявания комбинират оператор за изчисление с присвояване на стойност.
Как се представя присвояване за събиране със съставни присвоявания?Вместо x = x + 10; използваш x += 10;.
Мога ли да използвам съставни присвоявания с всички оператори за изчисление?Да, те работят с събиране, изваждане, умножение, деление и модул.
Какво става, ако комбинирам оператора за инкремент със съставно присвояване?Можеш да използваш x++; или x += 1; за да увеличиш стойността с 1.
Има ли случаи, в които не трябва да използвам съставни присвоявания?Използването зависи от четивността на кода; понякога ясното присвояване може да бъде по-подходящо.