當我們編寫JavaScript代碼時，為了讓代碼更加易讀易懂，我們需要對代碼進行格式化。代碼格式化是指對一段代碼進行縮進、換行、空格等處理，以提高代碼的可讀性。

下面我們舉幾個例子來說明代碼格式化：

// 例子1
if(true){alert("true");}else{alert("false")}
// 格式化后
if (true) {
alert("true");
} else {
alert("false");
}
// 例子2
function add(x,y){return x+y;}
// 格式化后
function add(x, y) {
return x + y;
}

可以看到，經過格式化后的代碼更加易讀易懂。

JavaScript中有多種工具可以用來對代碼進行格式化，下面我們介紹一些常用的工具：

1. ESLint

ESLint是一個開源的JavaScript代碼檢測工具，它可以用來檢測代碼規范性和一致性，并且可以對代碼進行自動格式化。ESLint支持多種風格的代碼格式化規則，可以滿足不同的需求。

// 配置文件中的代碼格式化規則
"rules": {
"indent": ["error", 4],
"semi": ["error", "always"],
"quotes": ["error", "double"]
}

2. Prettier

Prettier是一個非常流行的代碼格式化工具，它具有自動檢測代碼規范性和自動格式化代碼的功能。Prettier支持多種語言，包括JavaScript、CSS、HTML等。

// 配置文件中的代碼格式化規則
{
"printWidth": 80,
"tabWidth": 4,
"useTabs": false,
"semi": true,
"singleQuote": true,
"trailingComma": "es5",
"bracketSpacing": true,
"jsxBracketSameLine": true,
"arrowParens": "avoid",
"proseWrap": "preserve"
}

3. VSCode插件

VSCode是一款十分流行的代碼編輯器，它支持多種代碼格式化插件，可以輕松實現對JavaScript代碼的格式化。其中比較常用的插件有：Prettier、ESLint、JS-CSS-HTML Formatter等。

在實際工作中，我們可以根據自己的需求選擇不同的代碼格式化工具。無論使用哪種工具，保持代碼格式統一，能夠提高代碼可讀性，提高團隊協作效率。