Значения функций

Dart Sass: ✓
LibSass: с версии 3.5.0
Ruby Sass: с версии 3.5.0

В более ранних версиях LibSass и Ruby Sass функция call() принимала строку, представляющую имя функции. Это было изменено на принятие значения функции в подготовке к новой системе модулей, где функции больше не являются глобальными, и поэтому данное имя не всегда может ссылаться на одну и ту же функцию.

Передача строки функции call() всё ещё работает во всех реализациях, но она устарела и будет запрещена в будущих версиях.

Функции также могут быть значениями! Вы не можете напрямую записать функцию как значение, но вы можете передать имя функции функции meta.get-function(), чтобы получить её как значение. После того, как у вас есть значение функции, вы можете передать его функции meta.call(), чтобы вызвать её. Это полезно для написания функций высшего порядка, которые вызывают другие функции.

@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;
}

© 2006–2025 the Sass team, and numerous contributors
Licensed under the MIT License.
https://sass-lang.com/documentation/values/functions