Web 前後端協作利器：EL 表達式、JSTL 標籤庫與 JS eval() 實戰

一、EL 表達式

核心優勢

1. 抽離變動路徑：${pageContext.request.contextPath} 避免專案重命名導致路徑硬編碼失效。
2. 多作用域自動查找：page → request → session → application，找到即輸出，找不到輸出空字串（不拋異常）。
3. 自動型別轉換：後端傳來的 int、Date 等自動轉為字串，JS 無法直接處理 Java 物件時極其有用。

典型場景：表單回顯

<input name="username" value="${username}">
<!-- 驗證失敗跳回頁面，用戶輸入自動回填 -->

二、JSTL 標籤庫

與 EL 完美搭檔，邏輯判斷、迭代、格式化全靠它。

常用標籤

三、JavaScript eval()

僅建議用於 解析 JSON 字串（現代開發請用 JSON.parse()）。

var data = '{"code":0,"list":[{"id":1,"q":"問題1"}]}';
var obj = eval("(" + data + ")");  // 轉為 JS 物件
console.log(obj.list[0].q);        // "問題1"

安全警示：eval 執行任意代碼，嚴禁處理不可信輸入，現代專案一律改用 JSON.parse()。