在 SASS（Syntactically Awesome Style Sheets）中，布尔类型被用来表示 true 和 false 两种值。布尔类型可以被用在逻辑判断、变量定义等方面，让代码更加简洁清晰。
布尔类型的定义
在 SASS 中，布尔类型有两个值：true 和 false。它们都是关键字，不需要使用引号包裹。
$bool1: true; $bool2: false;
布尔类型的使用
逻辑判断
布尔类型可以被用在逻辑表达式中，用于逻辑判断。
-- -------------------- ---- ------- --- ------ - -- --- - --- ------ - -- --- - ----- - -- --- - ----- ---------- -- --- -- ---- --- -
变量默认值
在变量定义时，可以使用布尔类型来定义变量的默认值。
$bg-color: $bg-color || #ccc; // 如果 $bg-color 未定义，则默认为 #ccc $show-border: $show-border || true; // 如果 $show-border 未定义，则默认为 true
Mixin 参数
在定义 Mixin 时，可以使用布尔类型作为参数，用于控制 Mixin 的行为。
-- -------------------- ---- -------
------ ---------------------- -- --------- ------ -
--- -------- -
-------------- --------
- ----- -
-------------- --
-
-
---- -
-------- ------------------ ------ -- ----
-
----- -
-------- ----------------- -- -----
-布尔类型的转换
布尔类型可以与其他类型进行转换，其中 false 会被转换为 null。
#{true} // "true"
#{false} // ""
#{1 == 1} // "true"
$bool: bool("string"); // $bool 的值为 false总结
SASS 中的布尔类型可以方便地表示 true 和 false。通过布尔类型的逻辑判断、变量默认值、Mixin 参数等使用方法，可以让代码更加简洁清晰。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6538f8ba7d4982a6eb2290d7