javascript - 如何在 JavaScript 中构建/连接字符串？

Question

JavaScript 支持替换/插值吗？

概述

<小时/>

我正在开发一个 JavaScript 项目，随着它变得越来越大，保持字符串良好的状态变得越来越困难。我想知道在 JavaScript 中构造或构建字符串的最简单和最传统的方法是什么。

到目前为止我的经验:

String concatenation starts looking ugly and becomes harder to maintain as the project becomes more complex.

此时最重要的是简洁性和可读性，考虑一堆移动部件，而不仅仅是 2-3 个变量。

同样重要的是，截至目前，它已得到主要浏览器的支持(即至少支持 ES5)。

我知道 JavaScript 连接简写:

var x = 'Hello';
var y = 'world';
console.log(x + ', ' + y);

还有String.concat功能。

我正在寻找更简洁的东西。

Ruby 和 Swift 以一种有趣的方式做到了这一点。

ruby

var x = 'Hello'
var y = 'world'
print "#{x}, #{y}"

swift

var x = "Hello"
var y = "world"
println("\(x), \(y)")

我在想 JavaScript 中可能有类似的东西，也许类似于 sprintf.js .

问题

<小时/>

可以在没有第三方库的情况下完成此操作吗？如果没有，我可以用什么？

Answer 1

使用ES6，你可以使用

• Template strings :

  var username = 'craig';
  console.log(`hello ${username}`);
  

ES5 及以下版本:

• 使用+运算符

  var username = 'craig';
  var joined = 'hello ' + username;
  

• 字符串的 concat(..)

  var username = 'craig';
  var joined = 'hello '.concat(username);
  

或者，使用数组方法:

• join(..) :

  var username = 'craig';
  var joined = ['hello', username].join(' ');
  

• 或者更奇特，reduce(..)与上述任何一项相结合:

  var a = ['hello', 'world', 'and', 'the', 'milky', 'way'];
  var b = a.reduce(function(pre, next) {
    return pre + ' ' + next;
  });
  console.log(b); // hello world and the milky way