CoffeeScript - ไวยากรณ์

ในบทที่แล้วเราได้เห็นวิธีการติดตั้ง CoffeeScript ในบทนี้ให้เราตรวจสอบไวยากรณ์ของ CoffeeScript

ไวยากรณ์ของ CoffeeScript มีความสง่างามมากกว่าเมื่อเทียบกับไวยากรณ์ของ JavaScript หลีกเลี่ยงคุณสมบัติที่เป็นปัญหาเช่นวงเล็บปีกกาอัฒภาคและการชะลอตัวของตัวแปร

คำสั่ง CoffeeScript

ซึ่งแตกต่างจากภาษาโปรแกรมอื่น ๆ เช่น C, C ++ และ Java คำสั่งใน CoffeeScript ไม่ได้ลงท้ายด้วยอัฒภาค (;) แทนที่จะเป็นเช่นนั้นทุกบรรทัดใหม่ถือเป็นคำสั่งแยกต่างหากโดยคอมไพเลอร์ CoffeeScript

ตัวอย่าง

นี่คือตัวอย่างของคำสั่ง CoffeeScript

name = "Javed"
age = 26

ในทำนองเดียวกันเราสามารถเขียนสองคำสั่งในบรรทัดเดียวได้โดยการคั่นด้วยอัฒภาคดังที่แสดงด้านล่าง

name = "Javed";age = 26

ตัวแปร CoffeeScript (ไม่มีคีย์เวิร์ด var)

ใน JavaScript เราประกาศตัวแปรโดยใช้ var คำหลักก่อนสร้างดังที่แสดงด้านล่าง

var name = "Javed"
var age = 20

ในขณะที่สร้างตัวแปรใน CoffeeScript ไม่จำเป็นต้องประกาศโดยใช้ไฟล์ varคำสำคัญ. เราสามารถสร้างตัวแปรได้โดยตรงเพียงแค่กำหนดค่าให้ตามที่แสดงด้านล่าง

name = "Javed"
age = 20

ไม่มีวงเล็บ

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

myfunction = -> alert "Hello"

ถึงกระนั้นเราต้องใช้วงเล็บในบางสถานการณ์ ในขณะที่เรียกใช้ฟังก์ชันโดยไม่มีพารามิเตอร์เราจะใช้วงเล็บ ตัวอย่างเช่นหากเรามีฟังก์ชันชื่อ my_function ใน CoffeeScript เราจะต้องเรียกใช้ดังที่แสดงด้านล่าง

my_function()

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

alert "The result is  "+(22+33)

ไม่มี Curly Braces

ใน JavaScript สำหรับรหัสบล็อกเช่นฟังก์ชันลูปและคำสั่งเงื่อนไขเราใช้วงเล็บปีกกา ใน CoffeeScript ไม่จำเป็นต้องใช้วงเล็บปีกกา แต่เราต้องรักษาการเยื้อง (ช่องว่างสีขาว) ภายในร่างกายให้เหมาะสม นี่คือคุณสมบัติที่ได้รับแรงบันดาลใจจากภาษา Python

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

myfunction = -> 
   name = "John"
   alert "Hello"+name

ความคิดเห็น CoffeeScript

ในภาษาโปรแกรมใด ๆ เราใช้ความคิดเห็นเพื่อเขียนคำอธิบายเกี่ยวกับโค้ดที่เราเขียน ความคิดเห็นเหล่านี้ไม่ถือเป็นส่วนหนึ่งของโปรแกรม ความคิดเห็นใน CoffeeScript คล้ายกับความคิดเห็นของภาษา Ruby CoffeeScript ให้ข้อคิดเห็นสองประเภทดังนี้ -

ความคิดเห็นบรรทัดเดียว

เมื่อใดก็ตามที่เราต้องการแสดงความคิดเห็นหนึ่งบรรทัดใน CoffeeScript เราก็ต้องวางแฮชแท็กไว้ข้างหน้าดังที่แสดงด้านล่าง

# This is the single line comment in CoffeeScript

ทุกบรรทัดที่ตามหลังแฮชแท็ก (#) ถือเป็นความคิดเห็นของคอมไพเลอร์ CoffeeScript และรวบรวมโค้ดที่เหลือในไฟล์ที่ระบุยกเว้นความคิดเห็น

ความคิดเห็นหลายบรรทัด

เมื่อใดก็ตามที่เราต้องการแสดงความคิดเห็นมากกว่าหนึ่งบรรทัดใน CoffeeScript (หลายบรรทัด) เราสามารถทำได้โดยการรวมบรรทัดเหล่านั้นไว้ในแท็กแฮชสามคู่ตามที่แสดงด้านล่าง

###
These are the multi line comments in CoffeeScript
We can write as many number of lines as we want 
within the pair of triple hash tags.
###

คำหลักที่สงวนไว้ของ CoffeeScript

รายการคำสงวนทั้งหมดใน CoffeeScript มีให้ในตารางต่อไปนี้ ไม่สามารถใช้เป็นตัวแปร CoffeeScript ฟังก์ชันเมธอดป้ายชื่อลูปหรือชื่อวัตถุใด ๆ

กรณี

ค่าเริ่มต้น

ฟังก์ชัน

หลากหลาย

เป็นโมฆะ

ด้วย

const

ปล่อย

enum

ส่งออก

นำเข้า

พื้นเมือง

__hasProp

__ ขยาย

__slice

__ผูก

__indexOf

ดำเนินการ

อื่น

อินเตอร์เฟซ

แพ็คเกจ

เอกชน

มีการป้องกัน

สาธารณะ

คงที่

ผลผลิต

จริง

เท็จ

โมฆะ

นี้

ใหม่

ลบ

ประเภทของ

ใน

ข้อโต้แย้ง

ประเมิน

อินสแตนซ์ของ

กลับ

โยน

หยุดพัก

ดำเนินการต่อ

ดีบักเกอร์

ถ้า

อื่น

สวิตซ์

สำหรับ

ในขณะที่

ทำ

ลอง

จับ

ในที่สุด

ชั้นเรียน

ขยาย

สุดยอด

ไม่ได้กำหนด

แล้ว

เว้นแต่

จนถึง

วน

ของ

โดย

เมื่อไหร่

และ

หรือ

คือ

ไม่ใช่

ไม่

ใช่

ไม่

บน

ปิด