คู่มือนี้เน้นความแตกต่างระหว่าง “การแสดงออกของฟังก์ชัน” เช่น “var functionName = function() {}” และ “การประกาศฟังก์ชัน” เช่น “function functionName() {}” ใน JavaScript
“var functionName = function() {}” คืออะไร
นี้ ' var functionName = ฟังก์ชัน () {} ” เป็นที่รู้จักกันในชื่อ “ การแสดงออกของฟังก์ชัน '. มันคือการกำหนดตัวแปรให้กับฟังก์ชันและถูกกำหนดไว้แล้ว ฟังก์ชันที่ผู้ใช้กำหนดสามารถเรียกใช้ได้หลังจากกำหนดนิพจน์ฟังก์ชันให้กับตัวแปรที่รันไทม์แล้วเท่านั้น
ไวยากรณ์
var functionName = การทำงาน ( ) { ... } ;
ลองใช้ไวยากรณ์ที่กำหนดไว้ข้างต้นด้วยความช่วยเหลือจากตัวอย่าง
ตัวอย่างที่ 1: การใช้ “var functionName = function() {}” ใน JavaScript
ในตัวอย่างนี้ “ var functionName = ฟังก์ชัน () {} ” ใช้เพื่อกำหนดฟังก์ชันและจัดสรรให้กับตัวแปร
รหัสจาวาสคริปต์
พิจารณารหัส JavaScript ต่อไปนี้:
< สคริปต์ >เป็น functionDemo = การทำงาน ( ) {
คอนโซล บันทึก ( “สวัสดีลินุชินท์” ) ;
} ;
ฟังก์ชั่นสาธิต ( ) ;
สคริปต์ >
ในบรรทัดโค้ดด้านบน:
- กำหนดฟังก์ชันชื่อ “ ฟังก์ชันสาธิต () ” ผ่านการจัดสรรให้กับตัวแปร
- ในนิยามของคำว่า “ คอนโซล.ล็อก() ” ใช้วิธีพิมพ์คำสั่งที่เป็นลายลักษณ์อักษร
- สุดท้าย เรียกใช้ฟังก์ชันที่กำหนดไว้ “functionDemo()” หลังจากการประกาศ
เอาต์พุต
ดังที่เห็น คอนโซลแสดงผลลัพธ์ของฟังก์ชัน เช่น “ ฟังก์ชันสาธิต () ” ได้สำเร็จ
“ฟังก์ชั่น functionName() {}” คืออะไร?
“ ฟังก์ชัน functionName() {} ” สอดคล้องกับ “ การประกาศฟังก์ชัน '. มันถูกกำหนดโดยการกำหนดฟังก์ชั่นตามชื่อของมัน ฟังก์ชันถูกกำหนดให้กับตัวระบุในเวลาแยกวิเคราะห์
ไวยากรณ์
ฟังก์ชัน ชื่อฟังก์ชัน ( ) { ... } ;ลองใช้ไวยากรณ์ที่กำหนดไว้ข้างต้นเพื่อดูการใช้งานจริง
ตัวอย่างที่ 2: การใช้ “function functionName() {}” ใน JavaScript
ตัวอย่างนี้ใช้ ' ฟังก์ชัน functionName() {} ” เพื่อเรียกใช้ฟังก์ชัน JavaScript ที่กำหนดไว้
รหัสจาวาสคริปต์
มาดูรหัส JavaScript ต่อไปนี้:
< สคริปต์ >ฟังก์ชั่นสาธิต ( ) ;
ฟังก์ชัน ฟังก์ชัน สาธิต ( ) {
คอนโซล บันทึก ( “สวัสดีลินุชินต์” ) ;
} ;
สคริปต์ >
ในบล็อกโค้ดด้านบน ฟังก์ชัน “ ฟังก์ชันสาธิต () ” จะถูกเรียกใช้ก่อนแล้วจึงประกาศ มันใช้เมธอด “console.log()” เพื่อส่งคืนข้อความที่ระบุ
เอาต์พุต
เอาต์พุตแสดงผลของฟังก์ชันที่ผู้ใช้กำหนด นอกจากนี้ยังสามารถวิเคราะห์ได้ว่าสามารถเรียกใช้ฟังก์ชันได้โดยไม่คำนึงถึงลำดับของฟังก์ชันที่เกี่ยวข้องหรือกำหนดไว้
ความแตกต่างระหว่าง “var functionName = function() {}” vs “function functionName() {}”
ความแตกต่างที่สำคัญระหว่าง “ var functionName = ฟังก์ชัน () {} ” การแสดงออกและ “ ฟังก์ชัน functionName() {} ” ประกาศอยู่ด้านล่าง:
- “การประกาศฟังก์ชัน” ถูกวางไว้ภายในคำจำกัดความของฟังก์ชัน ในขณะที่ “การแสดงออกของฟังก์ชัน” ถูกวางไว้นอกสคริปต์เป็นคำสั่งกำหนด
- “การประกาศฟังก์ชัน” จะไม่สร้างข้อผิดพลาดใดๆ หากมีการเรียกใช้ฟังก์ชันก่อนหน้านั้น อย่างไรก็ตาม 'นิพจน์ฟังก์ชัน' จะสร้างข้อผิดพลาดหากผู้ใช้เรียกใช้ฟังก์ชันก่อนการประกาศ
บทสรุป
“ var functionName = ฟังก์ชัน () {} ” เป็นการแสดงออกของฟังก์ชันในขณะที่ “ ฟังก์ชัน functionName() {} ” เรียกว่า “การประกาศฟังก์ชัน” “นิพจน์ฟังก์ชัน” ทำหน้าที่เป็นคำสั่งกำหนดและต้องกำหนดให้กับตัวแปรก่อนที่จะเรียกใช้ฟังก์ชัน ในทางกลับกัน สามารถเข้าถึง 'การประกาศฟังก์ชัน' โดยไม่คำนึงถึงลำดับการเรียกใช้ คู่มือนี้แสดงความแตกต่างระหว่าง 'การแสดงออกของฟังก์ชัน' เช่น 'var functionName = function() {}' และ 'การประกาศฟังก์ชัน' เช่น 'ฟังก์ชัน functionName() {}' ใน JavaScript