试图理解这个表达式 '${} | 中发生了什么${} '

Question

我正在尝试学习 React，我想了解这个示例项目中所有内容的来龙去脉。

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

我假设它是将主要网站标题与个别 post 标题进行比较，但我无法在网上找到任何关于“|”的信息意味着我阅读了关于“${}”的文档，但对于它的实际作用仍然有点迷茫。

感谢任何帮助，谢谢。

Answer 1

'|'是一个按位运算符，想象一下你有一个数字 12 对应于二进制的 1100 和 10 对应于 1010

如果你尝试比较

12 | 10

等于将1100和1010逐位比较，结果应该是

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

您可以阅读更多关于二元运算的内容here

Answer 2

${} 这是我们在模板文字中包含表达式或使用 javascript 变量的地方。模板文字由反引号 `` 括起来。想象一下，这是一个普通的字符串文字，我们在其中编写，但在使用 ${Expression}.

之间可以轻松使用 javascript 表达式

示例： 让名字 = "John";

console.log(`你好 ${name}`).

阅读有关 JavaScript 位运算符的更多信息 https://www.w3schools.com/js/js_operators.asp

Trying to understand what is happening in this expression '${} | ${} '