ฟังก์ชันสมมุติ Sass

ฟังก์ชันสมมุติ Sass

ไม่มีการใช้ฟังก์ชัน introspection มากในการระบวนการสร้างโซนสไตล์

แต่ถ้ารหัสไม่ทำงานตามที่คาดการณ์ ฟังก์ชัน introspection มีค่ามาก - สามารถเข้าใจว่าเกิดอะไรขึ้น: อย่างเช่น ฟังก์ชันที่ใช้สำหรับการดัดแปลง

ตารางด้านล่างแสดงฟังก์ชันทั้งหมดใน Sass

ฟังก์ชัน รายละเอียดและตัวอย่าง
call(function, arguments...) เรียกฟังก์ชันที่มีตัวอุปกรณ์ และคืนค่าผลลัพธ์
content-exists() ตรวจสอบว่า mixin ที่ใช้อยู่ในตอนนี้ถูกส่งมาด้วยบล็อค @content
feature-exists(feature)

ตรวจสอบว่า Sass ที่ใช้อยู่ในตอนนี้สนับสนุน feature นี้หรือไม่ 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