javascript - 使用撇号与单引号/反引号

Question

我是 Angular 的新手，在学习教程的过程中，我在编写模块状态时出于习惯做了一些小改动:

.state('sports.medals', {
    url: '/:sportName',
    templateUrl: 'sports/sports-medals.html',
    resolve: {
      sportService: function($http, $stateParams){
        return $http.get('/sports/${ $stateParams.sportName }');
      }
    },

这在项目的其余部分中编译得很好，没有错误。但是，当调用此函数时，它将 get 内容作为一个完整的字符串读取，而不是按应有的方式解析内容。

正确的调用方式显然是:

 .state('sports.medals', {
        url: '/:sportName',
        templateUrl: 'sports/sports-medals.html',
        resolve: {
          sportService: function($http, $stateParams){
            return $http.get(`/sports/${ $stateParams.sportName }`);
          }
        },

使用 ` 撇号/反引号代替单引号 '

作为一名程序员，在使用 javascript 和/或参数中的双引号时，我几乎总是只使用单引号，所以这让我感到惊讶，并且不是很明显。在某处记录了这种行为的原因吗？我应该养成在单引号上使用反引号的习惯吗？我想避免其他类似的惊喜。

Answer 1

反引号是字符串插值工作所必需的。这是一个称为模板插值的 ES6 功能:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals .

有时您可以使用它，但在浏览器支持方面还远未普及https://caniuse.com/#feat=template-literals .熟悉它并尽可能使用它!