當我在實現線上客服源碼彈窗效果JavaScript SDK時，對外公開的SDK代碼就是使用的自執行函數的形式。 使用自執行函數來實現 JavaScript SDK 有以下好處： 封裝代碼：自執行函數可以將你的 JavaScript 代碼封裝起來，從而避免在全局作用域中定義變數，防止變數名稱衝突。 提 ...
當我在實現線上客服源碼彈窗效果JavaScript SDK時，對外公開的SDK代碼就是使用的自執行函數的形式。
使用自執行函數來實現 JavaScript SDK 有以下好處：
-
封裝代碼：自執行函數可以將你的 JavaScript 代碼封裝起來，從而避免在全局作用域中定義變數，防止變數名稱衝突。
-
提供 API：自執行函數可以提供 API，方便調用者使用。例如，你可以在自執行函數中定義一些方法，然後將這些方法暴露給調用者使用。
-
控制變數作用域：自執行函數可以控制變數的作用域，從而避免在全局作用域中定義變數。這樣，你就可以在函數內部定義局部變數，避免對全局變數造成影響
自執行函數（IIFE）是指在定義完成後立即執行的函數。
自執行函數的語法形式如下：
(function() { // 函數體 })();
或者：
(function() { // 函數體 }());
自執行函數可以用來封裝你的 JavaScript 代碼，避免在全局作用域中定義變數，從而防止變數名稱衝突。
例如，你可以使用自執行函數來封裝你的 JavaScript 代碼，併在函數中定義局部變數。
例如：
(function() { // 在這裡定義局部變數 const myLocalVariable = 'hello'; // 使用局部變數 console.log(myLocalVariable); })();
這樣，你就可以在自執行函數中定義局部變數，並避免在全局作用域中定義變數了。
自執行函數還可以傳遞參數，例如：
(function(param1, param2) { // 在這裡使用函數參數 console.log(param1, param2); })('hello', 'world');
這樣，你就可以在自執行函數中傳遞參數了。
如果傳遞的參數是window
如果在自執行函數中傳遞 window 對象，並將一個屬性賦值給 window 對象，則該屬性將成為全局變數。
例如，你可以使用如下代碼來定義一個全局變數：
(function(global) { global.myGlobalVariable = 'hello'; })(window);
這樣，你就可以在全局作用域中訪問 myGlobalVariable 變數了。
自執行函數還有另外一種寫法，即 !function。
!function() { // 函數體 }();
這種寫法與上述自執行函數的寫法類似，但是在函數定義前使用了一個感嘆號（!）。
這種寫法的原理是，在 JavaScript 中，感嘆號（!）是布爾取反運算符，可以將布爾值取反。例如：
console.log(!true); // 輸出 false console.log(!false); // 輸出 true
因此，使用感嘆號（!）來定義自執行函數，相當於將函數定義轉換為布爾值，然後對其取反，最後執行取反後的函數。
