1. 在 SASS/SCSS 中函數 (function) 是什麼 ?

• 是一個用來執行某些特定操作並返回結果的程式碼片段
• 與混合器（mixin）類似，最大的區別是函數只會返回一個值，而混合器則用來輸出一段樣式程式碼
• 根據傳入的參數進行計算或處理，並返回一個值供樣式表中的屬性使用
• SASS 內建了一些強大的函數（例如色彩操作、數學運算等），允許開發者自定義自己的函數

2. 優點

• 重複使用性高 : 函數可以被多次調用，減少重複程式碼，提升開發效率
• 提高可維護性：將複雜的邏輯封裝在函數中，減少樣式表的混亂，便於維護
• 靈活性強：可以處理複雜的計算和邏輯操作，並返回動態值

3. 缺點

• 學習曲線：對初學者來說，函數的概念可能需要一些時間理解，特別是自定義函數
• 性能問題：過多的函數調用可能會增加樣式表的編譯

4. 應用場景

• 色彩處理：使用函數調整顏色的亮度、飽和度、透明度等
• 計算佈局尺寸：通函數自動計算尺寸，根據不同的輸入值返回結果（例如計算比例佈局）
• 字串操作：在需要動態生成選擇器或屬性名時，函數可用來處理字串
• 動態樣式生成：基於變數或條件生成不同的樣式，保持樣式的靈活性

5. 內建函數
   a. 色彩 : 操作顏色值

• 調整亮度
• 改變透明度
• lighten($color, $amount)：使顏色變亮
• darken($color, $amount)：使顏色變暗
• saturate($color, $amount)：增加顏色的飽和度

b. 數學 : 進行數學計算

• 四捨五入
• round($value)：將數值四捨五入到最接近的整數
• percentage($value)：將一個小數轉換為百分比

c.字串 : 處理字串值

• 合併字串
• quote($string)：將字串加上引號
• unquote($string)：去掉字串的引號

d. 列表 : 操作 Sass 列表

• 獲取列表中的項目
• nth($list, $n)：獲取列表中第 n 項的值
• length($list)：返回列表的長度

6. 自定義函數

• 開法者可以根據需要自定義函數，語法類似於其他程式語言中的函數
• Sass 函數可以接受參數並返回計算結果