เมื่อใช้ jQuery เรามักจะเห็นหรือใช้ method chains เช่น:
คัดลอกรหัสรหัสดังต่อไปนี้:
$("#p1").css("สี", "สีแดง").slideUp(2000).slideDown(2000);
ความหมายของโค้ดนี้คือตัวเลือกเลือกแท็ก html ด้วย id p1 สีจะเปลี่ยนเป็นสีแดง จากนั้นเลื่อนขึ้นแล้วเลื่อนลง
โดยปกติแล้ว วิธีการเหล่านี้สามารถเขียนแยกกันได้ แต่หากไม่ได้แยกออกจากกัน จะไม่เพียงแต่สามารถอ่านได้ดีเท่านั้น แต่จำนวนโค้ดก็จะลดลงด้วย แล้วทำไมจะไม่ได้ล่ะ?
วิธีการเรียกใช้ฟังก์ชันนี้เรียกว่า "Chaining" ใน jQuery และหลักการก็ง่ายมากเช่นกัน: วิธีการที่สามารถถูกล่ามโซ่จะส่งคืนอ็อบเจ็กต์เองหลังจากถูกเรียก
ด้านล่างนี้เป็นการสาธิตการใช้โค้ด Java:
โดยไม่ต้องผูกมัด:
Persion.java:
คัดลอกรหัสรหัสดังต่อไปนี้:
คลาสสาธารณะ Persion {
รหัสส่วนตัวส่วนตัว;
ชื่อสตริงส่วนตัว
หมายเลขโทรศัพท์สตริงส่วนตัว;
ที่อยู่สตริงส่วนตัว
สาธารณะ () {
-
setId โมฆะสาธารณะ (int id) {
this.id = ไอดี;
-
setName โมฆะสาธารณะ (ชื่อสตริง) {
this.name = ชื่อ;
-
โมฆะสาธารณะ setPhoneNumber (สตริง phoneNumber) {
this.phoneNumber = หมายเลขโทรศัพท์;
-
setAddress โมฆะสาธารณะ (ที่อยู่สตริง) {
this.address = ที่อยู่;
-
โมฆะสาธารณะ printId() {
System.out.println(this.id);
-
โมฆะสาธารณะ printName() {
System.out.println(this.name);
-
โมฆะสาธารณะ printPhoneNumber() {
System.out.println (this.phoneNumber);
-
โมฆะสาธารณะ printAddress () {
System.out.println (ที่อยู่นี้);
-
-
ทดสอบ.java:
คัดลอกรหัสรหัสดังต่อไปนี้:
การทดสอบชั้นเรียนสาธารณะ {
โมฆะคงที่สาธารณะ main (String [] args) {
Persion persion1 = Persion ใหม่();
persion1.setId(3);
persion1.setName("จอห์น");
persion1.setPhoneNumber("1111111");
person1.setAddress("สหรัฐฯ");
session1.printId();
session1.printName();
persion1.printPhoneNumber();
person1.printAddress ();
-
-
การใช้การผูกมัด:
Persion.java:
คัดลอกรหัสรหัสดังต่อไปนี้:
คลาสสาธารณะ Persion {
รหัสส่วนตัวส่วนตัว;
ชื่อสตริงส่วนตัว
หมายเลขโทรศัพท์สตริงส่วนตัว;
ที่อยู่สตริงส่วนตัว
สาธารณะ () {
-
สาธารณะ Persion setId (int id) {
this.id = ไอดี;
คืนสิ่งนี้;
-
setName Persion สาธารณะ (ชื่อสตริง) {
this.name = ชื่อ;
คืนสิ่งนี้;
-
Persion สาธารณะ setPhoneNumber (สตริง phoneNumber) {
this.phoneNumber = หมายเลขโทรศัพท์;
คืนสิ่งนี้;
-
การตั้งค่าสาธารณะ Persion setAddress (ที่อยู่สตริง) {
this.address = ที่อยู่;
คืนสิ่งนี้;
-
สาธารณะ Persion printId() {
System.out.println(this.id);
คืนสิ่งนี้;
-
ชื่อการพิมพ์สาธารณะ () {
System.out.println(this.name);
คืนสิ่งนี้;
-
Persion สาธารณะ printPhoneNumber () {
System.out.println (this.phoneNumber);
คืนสิ่งนี้;
-
สาธารณะ Persion printAddress () {
System.out.println (ที่อยู่นี้);
คืนสิ่งนี้;
-
-
ทดสอบ.java:
คัดลอกรหัสรหัสดังต่อไปนี้:
การทดสอบชั้นเรียนสาธารณะ {
โมฆะคงที่สาธารณะ main (String [] args) {
Persion persion1 = Persion ใหม่();
person1.setId(3).setName("จอห์น")
.setPhoneNumber("1111111").setAddress("US");
session1.printId()
.ชื่อพิมพ์()
.printPhoneNumber()
.printAddress();
-
-
ช่างเป็นความรู้สึกที่แปลกจริงๆ~ฮ่าฮ่า!