@function v / s @mixin在Sass-lang中。使用哪一个？

函数特别有用，因为它们返回值。Mixins不同于函数，它们通常仅提供有价值的代码块。

通常，在某些情况下您可能必须同时使用两者。

例如，如果我想用SASS创建一个长阴影，我将调用如下函数：

@function makelongshadow($color) {
  $val: 0px 0px $color;
  @for $i from 1 through 200 {
    $val: #{$val}, #{$i}px #{$i}px #{$color};
  }
  @return $val;
}

然后将使用此mixin进行调用：

@mixin longshadow($color) {
  text-shadow: makelongshadow($color);
}

Which provides us with the actual code.

That gets included in the element:

h1 {
    @include longshadow(darken($color, 5% ));
}