在前端開發中，JavaScript 是重要的技術選項之一，但如何編寫出 “好的” JavaScript 卻是一個挑戰。不少人僅關注功能的實現，而忽視代碼的性能表現。在某些應用場景下，我們需要優化代碼性能，以提升用戶體驗，優化 JavaScript 代碼。
接下來，我將通過舉例，演示 JavaScript 的優化案例，幫助讀者掌握相關技能。
1. 延遲加載JavaScript
將所有 JavaScript 全部加載到頁面中顯然不是好的性能做法。可以通過延遲加載來優化。將 JavaScript 文件放在頁面底部，可以讓頁面在加載完成之前先呈現出來。在頁面的底部加上以下代碼：

<script>
window.addEventListener("load", function() {
var script = document.createElement("script");
script.src = "path/to/script.js";
document.body.appendChild(script);
});
</script>

2. 回收未使用對象
JavaScript 是一門動態語言，且擁有內存自動管理。不過，盡管如此，也是開發人員的職責回收未使用的對象，以減少內存占用。以下是一個內存泄漏的例子：

var someVar = "hello world";
function doStuff() {
var someObj = {};
someObj = null;
}
doStuff();

上述例子中，someObj變量包裝了一個新對象 ，但在函數執行完后，這個對象并沒有被釋放。
3. 盡可能的使用本地變量
JavaScript 中的變量作用域和函數作用域不同，對于變量的定義、判斷等都會導致新一輪的作用域判斷。因此，在應用中使用本地變量（僅局限于函數內部的變量），是可以優化性能的。以下是一個例子：

function doStuff(someArr) {
var l = someArr.length,
i,
tmp;
for(i = 0; i < l; i++) {
tmp = someArr[i];
// do something withtmp
}
}

上述例子中，為了使代碼在循環中重用tmpして，我們在 for 循環最頂部定義了變量 tmp ，并且使用了盡可能本地的變量（例如i）。
4. 防止使用eval
在 JavaScript 中使用eval可能會導致不必要的安全風險和性能問題。以下是一個例子：

var someVar = "hello",
someObj = { "foo": "bar" };
eval("var tmp = '" + someVar + "'; alert(tmp);"); // display "hello"
eval("var tmp2 = " + JSON.stringify(someObj) + "; alert(tmp2.foo);"); // display "bar"

上述例子中，我們使用eval對參數進行處理。盡管在這里eval看起來很有用，但是，因為 JavaScript 的內部工作原理，每次使用eval的代碼都必須重新編譯，這讓它變得非常昂貴。要避免這種情況，我們可以嘗試使用其他方法，如得到文件或使用更適合的 JSON 庫。
5. 合并和壓縮 JavaScript 文件
以下是一些優化工具和庫的例子：
* Google Closure Compiler
* YUI Compressor
* UglifyJS
以上是常用的 JavaScript 優化案例，它們可以幫助你編寫出更加高效和更好的 JavaScript 代碼。