简介
SASS 是一种 CSS 预处理器，它增加了原生 CSS 所不具有的一些功能，例如：嵌套、变量、Mixin、继承等。但是有时候，我们会发现 SASS 自带的函数无法满足我们的需求，这时候就需要编写自定义函数。本文将介绍 SASS 中如何编写自定义函数。
函数的语法
SASS 中函数的语法如下：
@function function-name($arg1, $arg2, ...) {
// 函数体
@return value;
}其中，function-name 是函数名称，$arg1, $arg2 是传递给函数的参数，value 是函数返回值。
编写自定义函数
简单示例
下面是一个简单的例子，计算两个数的和：
@function add($a, $b) {
@return $a + $b;
}
// 调用函数
$sum: add(2, 3);带单位的函数
函数中可以使用单位，如下所示：
@function to-rem($px-val) {
@return $px-val / 16px + rem;
}
// 调用函数
font-size: to-rem(16px);带变量的函数
函数可以使用全局变量或局部变量，如下所示：
-- -------------------- ---- -------
--------------- -----
----------------- -----
--------- ---------------- -
--- ----- -- ------- -
------- ---------------
- ----- -- ----- -- --------- -
------- -----------------
- ----- -
------- -----
-
-
------- -------------------结论
SASS 的自定义函数功能可以方便地满足我们的需求，让我们更加高效地完成前端开发。希望通过本文的介绍，读者可以了解如何编写 SASS 自定义函数，并灵活运用在自己的项目中。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67058503d91dce0dc8539abc