在前端开发中，由于用户输入的问题或者是代码逻辑需要，添加空格是非常常见的操作。而在 JavaScript 中，如何添加空格又是一个值得讨论的话题。

最简单的添加空格的方式是使用字符串拼接，比如：

var str = "hello";
str += " ";
str += "world";
console.log(str); //输出：hello world

上述代码通过字符串拼接的方式，将一个空格字符串拼接到了 “hello” 后面，然后又将 “world” 拼接到了空格字符串后面，最后得到了 “hello world”。

另一种方式是使用正则表达式，比如：

var str = "hello world!";
str = str.replace(/ /g, "-"); //将空格替换为 -
console.log(str); //输出：hello-world!

上述代码使用了 replace 方法，将原字符串中的空格字符通过正则表达式替换成了 “-” 字符，从而实现了空格的替换。需要注意的是，正则表达式中的 “/g” 表示全局匹配，即将所有的空格都替换掉。

然而，在实际的开发中，可能会遇到需要在字符串的首尾添加空格的需求。这时候我们可以使用 trim 方法和正则表达式来实现。

var str = "  hello world!  ";
str = str.trim().replace(/^/, " ").replace(/$/, " ");
console.log(str); //输出： hello world!

上述代码首先使用了 trim 方法去除首尾的空格，然后分别使用了 /^/ 和 /$/ 正则表达式替换掉首尾的位置上的字符。

除此之外，我们还可以使用 ES6 中新增的字符串扩展方法 repeat 来实现添加空格的需求。

var str = "hello";
var space = " ".repeat(3); //添加 3 个空格
str = str + space + "world";
console.log(str); //输出：hello   world

上述代码使用了 repeat 方法将 “ ” 字符串重复了三遍，然后将其拼接到了 “hello” 后面，最后再按照上述拼接的方式添加 “world”，从而达到了在字符串中添加空格的目的。

总体来说，添加空格在前端开发中是一个非常常见的操作，我们可以通过以上几种方法来满足不同的需求。