[TOC] #### 1. 立即執行函數介紹 --- JS 的立即執行函數: 函數在創建后立即執行 立即執行函數的作用只有一個: 創建一個獨立的作用域，這個作用域里面的變量，外面訪問不到，即：避免了變量污染 ```javascript 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 關鍵字 ```javascript // 第一種寫法 (function () { // 函數體 })(); // 第二種寫法 (function () { // 函數體 }()); ``` 箭頭函數的寫法 ```javascript // 第一種寫法的箭頭函數形式(正確語法) (() => { // 函數體 })(); // 第二種寫法的箭頭函數形式(錯誤語法) (() => { // 函數體 }()); ``` 接收立即執行函數的返回值 ```javascript const res = function (...params) { return params }('html', 'css', 'js'); const res = ((...params) => { return params })('html', 'css', 'js'); ```