Сложение javascript: Сложение (+) — JavaScript | MDN

1. При добавлении нечислового значения к числовому значению будет предпринята попытка преобразовать нечисловое значение в числовое, если это возможно. Если нет, оба преобразуются в строки.
2. Добавление нечислового значения к некоторому значению приведет к преобразованию обоих значений в строки перед их добавлением.

Итак, что же это на самом деле означает?

 1 + "2" = "12"
1 + 1 + «2» = «22»
1 + "1" + "2" = "112" 

Запутался? По крайней мере я…

В первой строке добавляется числовое и нечисловое значение. Оба преобразуются в строки перед добавлением

"1" + "2" = "12"

Во второй строке есть как числовое сложение, так и конкатенация строк. Помните, сложение идет слева направо.

 1 + 1 = 2
2 + "2" = "2" + "2" = "22" 

Третья строка содержит только конкатенацию строк.

"1" + "1" + "2" => "112"

К сожалению, на этом все не заканчивается. Некоторые другие типы данных в JavaScript ведут себя довольно нетипичным образом при использовании для сложения.

Булево значение

Что происходит, когда вы добавляете что-то с логическим значением?

 1 + правда = 2
1 + ложь = 1
правда + правда = 2
ложь + ложь = 0
"1" + правда = "1 правда"
"1" + ложь = "1 ложь" 

Булевы значения могут быть преобразованы в числовые значения в JavaScript, и результатом преобразования будет либо 1, либо 0.

 правда => 1
ложь => 0 

Объединение логического и строкового значения преобразует true в «true» и false в «false».

Объекты, массивы и функции

Если одно из значений в дополнении является объектом, массивом или функцией, оно попытается преобразовать его в примитивное значение.

1. Выполнить функцию valueOf() и использовать это значение, если это примитив
2. Выполнить toString() -функцию

 const me = {имя: "Чарли", возраст: 34}
я + 1 = "[объект Объект]1" 

По умолчанию valueOf() -реализация — пустой объект {} — это не примитив, и он попытается преобразовать его, используя toString() . По умолчанию toString() -значение для объекта "[object Object]" — не очень полезно для добавления. К сожалению, я много раз видел этот вывод за время работы разработчиком — обычно это происходит, когда я забываю указать свойство объекта, которое должно быть частью дополнения.

Иногда может быть удобно переопределить valueOf() или toString() -функция и заставить ее возвращать что-то полезное.

 const me = {имя: "Чарли", возраст: 34}
me.valueOf = функция () {вернуть this.age}
я + 1 = 35 

Тип возвращаемого значения теперь представляет собой числовое значение, и к 1 будет добавлено 34, что равно 35.

То же самое можно сделать для функции или класса — как для valueOf , так и для toString .

 функция BekkEmployee(имя, возраст) {
  это.имя = имя;
  this.age = возраст;
  this.toString = функция () {
    вернуть `${this.name} ${this.age} лет`;
  }
}
new BekkEmployee("Чарли", 34) + 100 = "Чарли 34 года100" 

Для массивов valueOf возвращает массив, который не является примитивным значением. Вывод его toString() — это содержимое, соединенное запятой. Пустой массив аналогичен пустой строке.

 [] + 1 = "1"
[1, 2, 3] + [4, 5, 6] = "1,2,3" + "3,4,5" = "1,2,34,5,6" 

Поскольку вы все это время читали, вот вам викторина:

PS: попробуйте решить ее, прежде чем проверять консоль браузера

 const me = {имя: "Чарли", возраст: 34}
me.
 
  toString = функция () {вернуть this.age}
правда + я + 65 + [2] + ложь + я + "с рождеством" 

Дата

Все правила имеют некоторые исключения…

Все собственные объекты ECMAScript, за исключением объектов Date, обрабатывают отсутствие подсказки, как если бы был задан номер подсказки; Объекты даты обрабатывают отсутствие подсказки, как если бы была дана подсказка String.

Date.valueOf возвращает числовой тип, но дата будет преобразована в строковый тип при использовании оператора + .

 новая дата (2020, 11, 1) + 12345 = "Вторник, 01 декабря 2020 г., 00:00:00 GMT+0100 (центральноевропейское стандартное время) 12345"
новая дата (2020, 11, 1) + "12345" = "Вторник, 01 декабря 2020 г., 00:00:00 GMT+0100 (центральноевропейское стандартное время) 12345"
new Date(2020, 11, 1).toString() = "Вт, 01 декабря 2020 г., 00:00:00 по Гринвичу + 0100 (центральноевропейское стандартное время)"
новая дата (2020, 11, 1).
  valueOf() = 1606777200000 

Чудаки

Теперь, когда вы знаете важные правила сложения, вам также следует знать о некоторых типах данных:

 undefined + 1 = NaN // неопределенное преобразуется в числовое => NaN
неопределенный + "1" = "неопределенный1"
null + 1 = 1 // ноль преобразуется в числовой => 0
ноль + "1" = "ноль1"
NaN + 1 = NaN
NaN + "1" = "NaN1"
Symbol(1) + 1 // TypeError: невозможно преобразовать значение символа в число
BigInt(1) + 1 // TypeError: Нельзя смешивать BigInt и другие типы, используйте явные преобразования
BigInt(1) + "2" = "12" 

Как вы уже читали, сложение не так просто, как известно из математики. Однако, если вы помните некоторые из приведенных выше правил преобразования, вы можете избавить себя от некоторых головных болей в будущем!

Читать следующий пост

Dev #1 — функция добавления (JavaScript) | Майкл В. | Стартап

Давайте начнем создавать небольшие кусочки программного обеспечения.

В этом эпизоде ​​мы создадим функцию для сложения двух чисел. Для выполнения этой задачи мы должны принять во внимание несколько понятий:

• Что такое параметр? Это просто информация из внешнего мира, которую мы собираемся передать нашей функции.
• Что такое тип данных? Это как раз тот тип информации, который мы собираемся использовать. Просто подумайте немного об этом, мы собираемся добавить два числа, тогда тип информации, который нам нужен, это всего лишь числа .
• Что такое функция? Набор инструкций, предназначенных для выполнения конкретной задачи. В этом случае наша функция будет добавлять только два числа.
• Что такое движок JavaScript? Является ли программное обеспечение, подобное вашему браузеру (Firefox, Chrome) или любому другому инструменту, способным выполнять инструкции JavaScript.

Для начала хочу вам сказать, что в каждом движке JavaScript, который существует в мире, уже реализована функция сложения двух чисел. Единственное, что вам нужно сделать, это ввести следующий код в консоли, а затем нажать Enter.

[Число] + [Другое число]

Позвольте мне показать вам, как это выглядит в консоли:

Знак «плюс», хотите верьте, хотите нет, это сама по себе функция, но у нее особый синтаксис, она принимает два параметра — левое и правое число. Этот синтаксис довольно короткий по сравнению с синтаксисом, который JS использует для создания функций, давайте преобразуем эту функцию в язык JS.

Вкратце, следующие шаги необходимы для создания этой функции.

1. Объявить функцию.
2. Присвойте имя функции.
3. Объявить два параметра, которые нам нужны, так как нам нужны два числа, у нас будет num1 и num2 в качестве наших параметров.
4. Напишите набор инструкций для выполнения нашей желаемой задачи.

Снова.

• Объявите функцию и присвойте ей имя.

Вы заметили, что для объявления функции в JS нам нужно использовать ключевое слово function и после него пробел, а затем имя функции?

Здесь имя функции доп.

• Теперь мы собираемся объявить нужные нам параметры. Кстати, мы должны установить эти параметры между скобками, и они должны быть разделены запятыми.

• На данный момент мы готовы реализовать логику функции. давайте объявим переменную с именем res , которая будет хранить значение результата сложения num1 с num2 .

Вы заметили, что для объявления переменной нам нужно использовать ключевое слово let , onespace, а затем имя переменной? Это очень похоже на то, как мы объявляли функции.

Набор инструкций, которые будет выполнять наша функция, должен быть между фигурные скобки {…}. Это также известно как блок кода .

Ключевое слово return — это способ, с помощью которого функции JS должны взаимодействовать с внешним миром. В этом случае каждый раз, когда мы выполняем нашу функцию add , она будет отправлять результат наружу. Другими словами, мы сможем увидеть внутренний результат, который был рассчитан внутри функции.

Если мы не используем ключевое слово return , программа выполнит код, который находится внутри нее, но мы не сможем увидеть результат.

Как вызвать функцию, которая уже существует в мире JS? Просто запомните его имя и введите его в консоли с нужными параметрами. В данном случае два числа.

Во-первых, давайте выполним функцию без возвращаемого значения

Обратите внимание, что мы получаем возвращаемое значение каждый раз, когда мы выполняем функцию, но если внутри функции у нас нет ключевого слова return , возвращаемое значение по умолчанию, который не определен, будет отправлен наружу. Ключевое слово return важно, когда мы хотим сохранить отчет или другую информацию, связанную с процессом или набором инструкций, которые были выполнены внутри функции.

А теперь давайте выполним ту же функцию с возвращаемым значением.

Что делать, если вы хотите добавить неограниченное количество номеров. Ну, вам просто нужно сказать это JS. Эй JS, я хочу поговорить с тобой! вместо того, чтобы принимать два параметра в функцию, я хочу, чтобы вы брали неограниченное количество чисел. Эти слова выглядят как … nums в мире JS. Кроме того, нам нужно сказать следующее: «Возьмите все эти числа и сложите их вместе», что выглядит так; nums.reduce((num1, num2) => (возврат num1 + num2))

Тогда наша функция будет:

Вы можете вызывать предыдущую функцию с любым количеством номеров. Есть ли у него ограничение на количество параметров?

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

Синтаксис, который мы использовали для создания функции add , аналогичен другим языкам программирования, таким как C++. Взгляните на это:

Единственная разница здесь в том, что нам нужно явно указать движку C++, что тип параметров, который мы хотим использовать, является числом, но C++ использует ключевое слово int , чтобы указать это, поэтому int означает целые числа . Кроме того, мы должны явно сообщить C++, что возвращаемое значение представляет собой число, помещающее ключевое слово int в начало функции вместо ключевого слова function , которое JS использует для объявления функции. Есть еще одно отличие, вы его заметили?

Как насчет PHP:

Здесь единственное отличие состоит в том, что параметры и переменные должны начинаться с символа $ , а каждое предложение внутри функции заканчивается точкой с запятой.

Давайте проверим на Python:

Попробуем понять разницу…

Итак, здесь мы получили def вместо function ключевое слово , и двоеточие заменяет фигурные скобки.

Возвращаемое значение функции может быть сохранено в другой переменной во внешнем мире, чтобы использоваться позже во время выполнения программы JS.

Еще одна важная вещь, которую следует учитывать, это тот факт, что JS очень гибок в отношении типа параметров, которые мы используем для нашей функции, в любой момент мы сообщали JS, что хотим работать только с типом данных число , поэтому, чтобы уменьшить количество ошибок, мы должны проверять информацию, которая будет передана в нашу функцию.

Есть несколько способов проверить тип переменной в JS. Я собираюсь показать вам один из них.

В этом примере я добавил одну новую строку кода, которая проверяет, что оба num1 и num2 — это числа, если это не так, функция завершит выполнение нашей функции из-за ключевого слова throw , которое используется в случае, если мы хотим остановить функцию, если условие выполнено.

Почти все в JS является объектом, почти каждый объект в JS имеет конструктор с именем, числа создаются с помощью функции конструктора с именем Number.