พารามิเตอร์ไม่บังคับในฟังก์ชันของ LESS

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

สมมติว่าเรามีฟังก์ชันที่กำหนดสี ขององค์ประกอบ:

styles.less.color(@c) {
  color: @c;
}

มาทำให้พารามิเตอร์สีไม่ บังคับและมีค่าเริ่มต้นเป็น red:

styles.less.color(@c: red) {
  color: @c;
}

มาทดลองเรียกฟังก์ชันของเราด้วยพารามิเตอร์:

styles.lessdiv {
  .color(green);
}

และตอนนี้เรียกฟังก์ชันของเราโดยไม่มีพารามิเตอร์:

styles.lessdiv {
  .color();
}