函数（Functions）

函数也可以是值！您不能直接将函数写为值，但可以将函数的名称，传递给meta.get-function()函数，以将其作为值获取。一旦你有了一个函数值，你就可以将它传递给meta.call()函数来调用它。这对于编写调用其他函数的高阶函数很有用。

scss 语句	css 语句
@use "sass:list"; @use "sass:meta"; @use "sass:string"; /// Return a copy of $list with all elements for which $condition returns `true` removed. @function remove-where($list, $condition) { $new-list: (); $separator: list.separator($list); @each $element in $list { @if not meta.call($condition, $element) { $new-list: list.append($new-list, $element, $separator: $separator); } } @return $new-list; } $fonts: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; content { @function contains-helvetica($string) { @return string.index($string, "Helvetica"); } font-family: remove-where($fonts, meta.get-function("contains-helvetica")); }	.content { font-family: Tahoma, Geneva, Arial, sans-serif; }

scss 语句

css 语句

@use "sass:list";
@use "sass:meta";
@use "sass:string";

/// Return a copy of $list with all elements for which $condition returns `true` removed.
@function remove-where($list, $condition) {
  $new-list: ();
  $separator: list.separator($list);
  @each $element in $list {
    @if not meta.call($condition, $element) {
      $new-list: list.append($new-list, $element, $separator: $separator);
    }
  }
  @return $new-list;
}

$fonts: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

content {
  @function contains-helvetica($string) {
    @return string.index($string, "Helvetica");
  }
  font-family: remove-where($fonts, meta.get-function("contains-helvetica"));
}

.content {
  font-family: Tahoma, Geneva, Arial, sans-serif;
}