【问题标题】:What is the major difference between ` and ' in javascript [duplicate]javascript中`和'之间的主要区别是什么[重复]
【发布时间】:2018-11-10 12:56:36
【问题描述】:

我是 typescript/javascript/angular 的新手,我正在阅读一些教程,我经常遇到以下类型的事情:

class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  toString() {
    return `(${this.x}, ${this.y})`;
  }
}

现在我的问题是这些是物理反引号,而我看到的其他所有内容都只是使用 " 和 ' 我相信它们在功能上是相同的,所以这两个是真的:

  1. ` == '?

  2. ` === '?

或者这是 Angular/Typescript 唯一的东西?

【问题讨论】:

标签: javascript angular typescript


【解决方案1】:

Template literals 用反引号 (`) 字符括起来,而不是双引号 " 或单引号 '。它们可以包含占位符,由美元符号和花括号 (${expression}) 表示。占位符中的表达式和它们之间的文本被传递给一个函数。默认函数只是将部分连接成一个字符串。

- 来源:MDN web docs

您可以使用黑色刻度 ` 在字符串中插入 JavaScript 符号。例如:

const name = 'world'

// using ''
let myString1 = 'Hello' + name;

// using ``
let myString2 = `Hello ${name}`

myString1myString2 都有相同的字符串。

这是在JavaScript中格式化内容的一种更方便的方式,不需要连接字符串,可以在字符串中插入变量。

是的,` 等于 '。尝试在控制台中输入以下内容:

`\`` === '`'

它将返回为true

【讨论】:

  • 所以我也可以做 const name = ` world ` 并且可以正常工作?
  • 确实可以。反引号是比单引号和双引号“更好的版本”。
猜你喜欢
  • 1970-01-01
  • 2011-05-20
  • 2017-03-10
  • 1970-01-01
  • 2015-08-22
  • 2015-08-06
  • 2011-03-06
  • 2013-12-23
  • 2017-04-28
相关资源
最近更新 更多