Arrow Function ใน Java Script es6

[Jukkrida63]

Arrow function ใน JavaScript เป็นรูปแบบของฟังก์ชันที่ถูกใช้งานอย่างกว้างขวางใน ES6 (ECMAScript 2015) และมีคุณสมบัติต่างๆ ที่ทำให้เขียนโค้ดได้สะดวกและกระชับมากขึ้น โดยรูปแบบของ arrow function มีลักษณะดังนี้:

การประกาศ:
Arrow function ประกาศโดยใช้ syntax () => {} หรือ (parameters) => {statements} โดยที่ parameters คือพารามิเตอร์ของฟังก์ชันและ statements คือบรรทัดโค้ดที่ต้องการให้ฟังก์ชันทำงาน.

การใช้งาน:
ถ้ามีพารามิเตอร์หนึ่งเท่านั้น สามารถละครับบรรทัด parameter => expression ได้เช่นกัน
เรียกใช้ arrow function ได้หลายรูปแบบ

ยกตัวอย่างเช่น

โค้ด: เลือกทั้งหมด

// ฟังก์ชันปกติ
function greet(name) {
  return `Hello, ${name}!`;
}

//ArrowFunction
let greetArrow = (name) => `Hello, ${name}!`;

จาก Function ด้านบนจะเห็นได้ว่าตัว Arrow function จะมีความกระชับและลดรูปจาก Function แบบเก่าได้มาก
ถึงรูปแบบการประกาศ Function จะต่างกัน แต่การ นำมาแสดง output นั้นสามารถทำได้เหมือนกัน
เช่น

โค้ด: เลือกทั้งหมด

console.log(greet('Alice'));      // Output: Hello, Alice!
console.log(greetArrow('Bob'));   // Output: Hello, Bob!

สรุปก็คือ Arrow Function นั้นเกิดมาเพื่อความสะดวกในการประกาศตัวแปรให้มีความเร็วและง่ายมากยิ่งขึ้น