Попытка понять, что происходит в этом выражении '$ {} | $ {} '

Question

Я пытаюсь изучить React и хочу понять все тонкости всего этого примера проекта.

const Meta = ({ site, title }) => {
  const siteTitle = get(site, 'title')
  title = title ? `${title} | ${siteTitle}` : siteTitle

Я предполагаю, что он сравнивает заголовок основного сайта с заголовками отдельных сообщений, но не могу найти что-нибудь в Интернете о том, что "|" значит, и я читаю документы по '$ {}', но все еще немного растерялся относительно того, что он на самом деле делает.

Любая помощь приветствуется, спасибо.

Answer 1

$ {} Это место, где мы включаем выражение или используем javascript переменные внутри литералов шаблона. Шаблонные литералы заключены в черты `` . Представьте, что это обычный строковый литерал, в котором мы пишем, но с простотой использования javascript выражений между ними с использованием $ {Expression}.

Пример: let name = "John";

console.log (`Hello $ {name}`).

Подробнее об этом: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Труба | Символ обозначает ИЛИ Любой числовой операнд c в операции преобразуется в 32-разрядное число. Результат преобразуется обратно в JavaScript число.

Подробнее о JavaScript Битовые операторы https://www.w3schools.com/js/js_operators.asp

Answer 2

'|' является побитовым оператором, представьте, что у вас есть число 12, которое соответствует 1100 в двоичном и 10, что соответствует 1010

, если вы попытаетесь сравнить

12 | 10

, это равно, чтобы сравнить 1100 и 1010 по битам, результат должен быть

1 1 0 0 // 12
1 0 1 0 // 10
-------
1 1 1 0 // 14

, вы можете узнать больше о бинарных операциях здесь