随着 JavaScript 语言在 web 前端开发中的日益普及，开发者们也越来越注重对代码的格式化和规范化。优雅地对 JavaScript 代码进行格式化，能在很大程度上增加代码的可读性和可维护性，让代码更加顺畅易懂，也方便后续的扩展和修改。在这篇文章中，我将会分享几个优雅地对 JavaScript 代码进行格式化的技巧。

1. 缩进

缩进是一种非常常见也非常重要的代码格式化方式，能够清晰地展示代码块之间的层级关系。在 JavaScript 中，缩进一般使用四个空格，这也是一种较为推荐的做法。

2. 使用空格

除了缩进之外，正确的使用空格也是非常重要的。一般来说，我们会在运算符两侧都加上空格，这样不仅代码清晰易读，也有利于减少语法错误。

例如：

```javascript

// bad

var b=a+1;

// good

var b = a + 1;

```

3. 行末空格

在 JavaScript 代码的行末添加空格也是值得推荐的作法。这不仅可以保持代码的风格统一，也可以避免某些编辑器自动生成的代码错误。

4. 换行

对于较长的代码行，我们应该尽可能地在适当的位置换行。这样可以让代码更加易读，也便于后续的修改和维护。一般来说，我们会在每行代码的末尾换行。

例如：

```javascript

// bad

var message = "Hello, world! This is a very long message that spans multiple lines and is difficult to read.";

// good

var message = "Hello, world! This is a very long message " +

"that spans multiple lines " +

"and is difficult to read.";

```

5. 中括号

在 JavaScript 中，一般来说我们会在数组字面量和对象字面量的左侧加上一个空格。而在右侧则取决于具体情况。如果左右两侧都是一个空对象或空数组，则不需要在右侧添加空格；否则可以在右侧添加一个空格。

例如：

```javascript

// bad

var arr=[1, 2, 3];

// good

var arr = [1, 2, 3];

// good

var emptyArray = [];

// good

var arr2 = [ ];

```

6. 函数

对于函数声明和函数表达式，我们一般会在函数名称和左括号之间添加一个空格。而在右括号和左大括号之间一般也添加一个空格。

例如：

```javascript

// bad

function add(x,y){

return x+y;

}

// good

function add(x, y) {

return x + y;

}

// bad

var add = function(x,y){

return x+y;

}

// good

var add = function(x, y) {

return x + y;

}

```

7. 括号

在 JavaScript 中，我们一般不会在小括号内部添加空格。而在中括号和大括号之间一般都会添加空格。

例如：

```javascript

// bad

if (1 !== parseInt(str)) {

// do something

}

// good

if (1 !== parseInt(str)) {

// do something

}

// bad

var obj = {};

// good

var obj = { };

```

8. 分号

在 JavaScript 中，分号可以选择性地加上，但我们一般会在每个语句的末尾添加分号，避免出现一些奇怪的语法错误。

例如：

```javascript

// bad

var number = 1

// good

var number = 1;

```

9. 函数调用

在函数调用时，我们会在函数名称和左括号之间添加一个空格。而在右括号和分号之间一般也会添加一个空格。

例如：

```javascript

// bad

console.log("Hello, world!");

// good

console.log("Hello, world!");

// bad

alert("Hello, world!");

// good

alert("Hello, world!");

```

10. 对象属性

对于对象属性，我们一般会在属性名称和冒号之间添加一个空格。而在冒号和属性值之间一般不会添加空格。

例如：

```javascript

// bad

var obj = {

firstName:"John",

lastName:"Doe"

};

// good

var obj = {

firstName: "John",

lastName: "Doe"

};

```

在总结中，优雅地对 JavaScript 代码进行格式化是非常有益的，能够方便开发者们更好地维护和修改代码。如果你还没有养成良好的代码格式化习惯，那么从现在开始就开始尝试吧。