时间戳

首页 > 解决方案 > javascript中`和'之间的主要区别是什么

javascript - javascript中`和'之间的主要区别是什么

问题描述

我是 typescript/javascript/angular 的新手，我正在阅读一些教程，我不断遇到以下类型的事情：

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

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

  1. ` == '?

  2. ` === '?

或者这只是 Angular/Typescript 的东西？

标签： javascriptangulartypescript

解决方案

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

- 来源：MDN 网络文档

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

const name = 'world'

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

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

myString1并且myString2两者都有相同的字符串。

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

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

`\`` === '`'

它将返回为true

推荐阅读