Sass 自省函数

Sass 自省函数

构建样式表时很少使用自省(Introspection)函数。

但是,如果代码不能正常工作,自省函数就很有价值 - 可以弄清楚发生了什么:比如调试函数。

下表列出了 Sass 中的所有内省函数:

函数 描述 & 例子
call(function, arguments...) 调用带参数的函数,并返回结果。
content-exists() 检查当前 mixin 是否被传递了 @content 块。
feature-exists(feature)

检查当前 Sass 实现是否支持该 feature

实例:

feature-exists("at-error");

结果:true

function-exists(functionname)

检查指定的函数是否存在。

实例:

function-exists("nonsense")

结果:false

get-function(functionname, css: false) 返回指定的函数。如果 css 为真,它会返回一个普通的 CSS 函数。
global-variable-exists(variablename)

检查指定的全局变量是否存在。

实例:

variable-exists(a)

结果:true

inspect(value) 返回值的字符串表示形式。
mixin-exists(mixinname)

检查指定的 mixin 是否存在。

实例:

mixin-exists("important-text")

结果:true

type-of(value)

返回值的类型。可以是:

  • number
  • string
  • color
  • list
  • map
  • bool
  • null
  • function
  • arglist

实例:

type-of(15px)

结果:number

type-of(#ff0000)

结果:color

unit(number)

返回与数字相关的单位。

实例:

unit(15px)

结果:px

unitless(number)

检查指定的数字是否具有与其相关的单位。

实例:

unitless(15px)

结果:false

unitless(15)

结果:true

variable-exists(variablename)

检查指定的变量是否存在于当前作用域中。

实例:

variable-exists(b)

结果:true