Sass Mixin 返回什么？答案

【问题标题】：What Sass Mixin returns?Sass Mixin 返回什么？
【发布时间】：2019-05-07 17:48:34
【问题描述】：

在像javascript这样的编程语言中，即使我最后没有做出任何“返回”的结果，但它仍然返回一个值，“未定义”。

在 Sass 的情况下，我知道 @mixin 不会像 @function 那样“返回”任何东西。

但是，它“实际上”什么也没返回？

如果它实际上返回了一些东西（比如“undefined”或“void”），那么它会返回什么？

【问题讨论】：

标签： sass

【解决方案1】：

我不确定我是否得到了这个问题，但是......

Mixins 允许您使用 @include 创建可重用的 CSS 声明（CSS 内容）“调用”。

与函数不同，您不能将 mixins 分配给变量，因为它们不会产生返回值（引发错误）。

@function fs($value){
   @return $value;
} 

@mixin fs($value){
   font-size: $value;
   ...
} 


.class {                 //      returns value  
   font-size: fs(16px);  // =>   16px;
}

.class {                 //      generates properties and values  
   @include fs(16px);    // =>   font-size: 16px; ...
}


$var: fs(16px);          //  will work (function)
$var: @include fs(16px); //  won't work (mixin)

【讨论】：

【解决方案2】：

尝试阅读这个article 和这个one，你有一些答案：

“他们获得完整的 CSS 规则，其中动态属性将被传递到参数中”

所以当你在代码中@include 一个@mixin 时，它会返回CSS 规则。

【讨论】：