JavaScript 函數引用與賦值、onclick 事件綁定詳解

問題 1：變量賦值函數 vs 函數調用

var a = function() { alert('您好嗎'); };
// c()  // 這行代碼有誤，應為 a()

• var a = function() {...}：將**匿名函數對象**賦值給變量 a。此時 a 持有函數的**引用**。
• a()：調用函數（執行函數體）。
• 結論： 賦值階段不執行函數，只是建立引用關係；調用時才執行。

問題 2：HTML 內聯 onclick 屬性

<button onclick="f1()">點擊</button>

• onclick="f1()"：將字符串 "f1()" 設置為元素的 onclick 屬性。瀏覽器解析時會創建一個函數，函數體為該字符串，上下文為元素（this 指向元素）。
• 單雙引號均可： onclick='f1()' 或 onclick="f1()" 效果相同，只需注意內部字符串轉義。
• 本質區別：
  • JS 代碼塊（<script>）中賦值：操作的是 JS 變量/對象屬性。
  • HTML 屬性綁定：瀏覽器將屬性值編譯為事件處理函數，屬於 DOM 0 級事件模型。