การที่มีการใช้งานแบบนี้จะเรียกว่า
Cascade notation (..)
มันจะช่วยให้สามารถทำตามลำดับของการดำเนินการกับ object เดียวกันได้ นอกเหนือจากการเรียกฟังก์ชันแล้วคุณยังสามารถเข้าถึง field ต่างๆบนวัตถุเดียวกันได้เช่นกัน ช่วยให้ประหยัดขั้นตอนในการสร้างตัวแปรชั่วคราวและช่วยให้คุณสามารถโค้ดได้ไหลลื่นขึ้นเร็วขึ้น
ตัวอย่างเช่น
1 2 3 4 |
querySelector('#confirm') // Get an object. ..text = 'Confirm' // Use its members. ..classes.add('important') ..onClick.listen((e) => window.alert('Confirmed!')); |
ความหมาย คือ
1 2 3 4 |
var button = querySelector('#confirm'); button.text = 'Confirm'; button.classes.add('important'); button.onClick.listen((e) => window.alert('Confirmed!')); |
สรุปคือช่วยประหยัดแรงเราทำให้เขียนโค้ดสั้นลง ลองใช้กันดูนะครับ
0