函数值

兼容性（参数类型）
Dart Sass
✓
LibSass
自 3.5.0 起
Ruby Sass
自 3.5.0 起

在旧版本的 LibSass 和 Ruby Sass 中，call() 函数 接受一个表示函数名称的字符串。为了准备新的模块系统，其中函数不再是全局的，因此给定的名称可能并不总是引用相同的 函数，这已更改为接受函数值。

向 call() 传递字符串在所有实现中仍然有效，但已弃用，将在将来的 版本中禁止使用。

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

游乐场

SCSS 语法

@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"));
}
游乐场

Sass 语法

@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"))

CSS 输出

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