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