Почему значение пишется таким образом?

Question

[ProstoLena]

Добрый день!
задание от Яндекс практикума: (Урок 10 переменные)
"Мы готовим скрипт, меняющий цвет фона страницы. Для начала надо научиться получать строку, определяющую цвет фона HTML-элемента тремя числами. Такую строку, которую можно подставить значением свойства CSS, например:
background-color: rgb(255, 0, 0);
Объявите новую переменную с именем bgValue (от англ. background color value, «значение цвета фона»). Её значением должна стать строка "rgb(255, 0, 0)". Соcтавьте эту строку конкатенацией строки "rgb", строк с пробелами, знаками препинания, скобками, и переменных из первого задания. Вы уже присвоили этим трём переменным нужные значения, которые при конкатенации встанут на свои места."

в подсказке выдается следующий ответ:
var bgValue = 'rgb(' + red + ', ' + green + ', ' + blue + ')';

у меня вопрос: почему переменные "red" "green" "blue" - обособлены знаками "+" ?
(из примера сложения строк: console.log('вино' + 'град'); // "виноград" ), про знаки "+" нигде не увидела.
Объясните пожалуйста

Comments

[Andrew]

Соcтавьте эту строку конкатенацией

var bgValue = 'rgb(' + red + ', ' + green + ', ' + blue + ')';

в js-е строки можно складывать и да, это конкатенация *ба-дум-тсс*

Answer 1

[Александр]

переменные "red" "green" "blue" - обособлены знаками "+"

Потому что знак "+" используется для соединения частей строк в одну большую сторку, числовые переменные при этом преобразуются в строку автоматически.

Answer 2

[Артур]

это обычное сложение строк с переменными, такое же как и в вашем примере с console.log();

вот мы складываем строку с переменной
'rgb(' + green

тут мы складываем строку с переменной и с еще одной строкой (запятая) итд
'rgb(' + green + ','

Answer 3

[SagePtr]

В жизни, конечно, в 2019 году никто так не пишет, когда давно уже есть шаблоны в ES:
let bgValue = `rgb(${red}, ${green}, ${blue})`;
Так короче и намного понятнее получается

Answer 4

[yastas]

Лена, здравствуйте! Чуть выше уже дали правильный ответ (про сложение строк с переменными), но мы всё равно хотим помочь разобраться, если что-то ещё осталось непонятным. Пожалуйста, пишите в нашу службу образовательной поддержки, у нас вот здесь: https://yandex.ru/support/praktikum/feedback.html есть форма обратной связи и ещё несколько способов с нами связаться, а мы постараемся объяснить и помочь, это ведь здорово, когда появляются вопросы, для того мы здесь и есть. Будем вас ждать :)