1. 立即執行函數介紹

JS 的立即執行函數: 函數在創建后立即執行

立即執行函數的作用只有一個: 創建一個獨立的作用域，這個作用域里面的變量，外面訪問不到，即：避免了變量污染

const user = 'maria';
(function () {
    const user = 'hello'
    const age = 18
}());
console.log(user); // maria
console.log(age); // Uncaught ReferenceError: age is not defined

2. 立即執行函數語法

使用 function 關鍵字

// 第一種寫法
(function () {
    // 函數體
})();
// 第二種寫法
(function () {
    // 函數體
}());

箭頭函數的寫法

// 第一種寫法的箭頭函數形式(正確語法)
(() => {
    // 函數體
})();
// 第二種寫法的箭頭函數形式(錯誤語法)
(() => {
    // 函數體
}());

接收立即執行函數的返回值

const res = function (...params) {
    return params
}('html', 'css', 'js');
const res = ((...params) => {
    return params
})('html', 'css', 'js');