JavaScript 字符串拼接中單引號的正確使用：避免參數被當作字面量

問題場景

在 DOM 編程中動態構建 setTimeout 字符串參數：

var repeat = "moveElement('" + elementID + "'," + final_x + "," + final_y + "," + interval + ")";

疑問：為什麼 elementID 要用單引號包裹？若寫成 "moveElement(" + elementID + ",..." 會有什麼後果？

核心解釋

JavaScript 引擎最終執行的是拼接後的字符串代碼。假設 elementID = 'box1'：

• 正確寫法：拼接結果為 moveElement('box1',100,200,50) —— 參數被識別為字符串。
• 省略引號：拼接結果為 moveElement(box1,100,200,50) —— box1 被當作變量名，若未定義則報錯。

最佳實踐

1. 字符串類型參數必須在拼接字符串中顯式加上引號（單雙引號均可，注意轉義）。
2. 數字、布爾值、對象引用則無需引號。
3. 現代開發建議使用函數引用代替字符串：setTimeout(function(){ moveElement(elementID, final_x, final_y); }, interval); 避免拼接錯誤並提升可讀性。