jQuery 插件開發：為什麼推薦用 `$.extend()` 而非直接賦值？

核心結論

插件開發應擴展 `$.fn`（原型），而非 `$`（靜態方法）。至於用 `$.extend()` 還是 `$.fn.xxx = function(){}`，無硬性規定，視團隊風格而定。

兩種寫法對比

為什麼要用匿名函數包裹？

(function($){
    // 這裡的 $ 安全指向 jQuery，避免與其他庫（如 Prototype）衝突
    $.fn.myPlugin = function(){ ... };
})(jQuery);

• 防止 `$` 變量被佔用（`jQuery.noConflict()` 後 `$` 可能不可用）。
• 形成閉包，避免污染全局命名空間。
• 傳入 `jQuery` 實參，內部用 `$` 別名，代碼更簡潔。

最佳實踐建議

1. 插件掛載到 `$.fn` 上，返回 `this` 以支持鏈式調用。
2. 用 `$.extend({}, defaults, options)` 合併默認配置與用戶傳參。
3. 用 IIFE 包裹，傳入 `jQuery`、`window`、`document` 等依賴。
4. 遵循 jQuery 官方插件編寫指南。

總結

`$.extend()` 主要用於合併對象（如配置選項），而非一定要用它掛載插件方法。關鍵在於：擴展 `$.fn`、用 IIFE 隔離作用域、返回 `this` 支持鏈式。