---
title: Сложение с присваиванием (+=)
slug: Web/JavaScript/Reference/Operators/Addition_assignment
tags:
  - JavaScript
  - Оператор
translation_of: Web/JavaScript/Reference/Operators/Addition_assignment
---
<div>{{jsSidebar("Operators")}}</div>

<p>Оператор сложения с присваиванием (<code>+=</code>) добавляет значение правого операнда к переменной и присваивает переменной результат. Типы двух операндов определяют поведение оператора сложения с присваиванием. Добавление или конкатенация возможны.</p>

<div>{{EmbedInteractiveExample("pages/js/expressions-addition-assignment.html")}}</div>

<div></div>

<p class="hidden">Источник для этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в интерактивный проект примеров, пожалуйста, клонируйте https://github.com/mdn/interactive-examples и пришлите нам запрос.</p>

<h2 id="Синтаксис">Синтаксис</h2>

<pre class="syntaxbox"><strong>Оператор:</strong> x += y
<strong>Значение:</strong> x  = x + y</pre>

<h2 id="Примеры">Примеры</h2>

<h3 id="Использование_сложения_с_присваиванием">Использование сложения с присваиванием</h3>

<pre class="brush: js">// Assuming the following variables
//  foo = 'foo'
//  bar = 5
//  baz = true

// Number + Number -&gt; addition
bar += 2 // 7

// Boolean + Number -&gt; addition
baz += 1 // 2

// Boolean + Boolean -&gt; addition
baz += false // 1

// Number + String -&gt; concatenation
bar += 'foo' // "5foo"

// String + Boolean -&gt; concatenation
foo += false // "foofalse"

// String + String -&gt; concatenation
foo += 'bar' // "foobar"</pre>

<h2 id="Спецификации">Спецификации</h2>

{{Specifications}}

<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>

<p>{{Compat}}</p>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li><a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">Assignment operators in the JS guide</a></li>
 <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Addition">Оператор сложения</a></li>
</ul>