Arrow Function คืออะไร
Arrow Function คือการสร้างฟังก์ชันรูปแบบใหม่ที่สั้นกระชับกว่าเดิม
ตัวอย่าง ฟังค์ชันแบบเดิม
function printName(name){
console.log(name)
}
printName('A')
สามารถเปลี่ยนเป็น Arrow Function ได้ดังต่อไปนี้
const printName = (name) => {
console.log(name)
}
printName('A')
จะได้ผลลัพธ์เหมือนกัน
ถ้าเป็นฟังก์ชันที่รับค่ามา 2 ตัวแปรจะเขียนเป็นแบบนี้
const printName = (name,age) => {
console.log(name,age)
}
printName('A',20)
เปลี่ยนเป็นฟังก์ชันที่มีการ return หรือมีการส่งค่ากลับ
const mul = (number) => {
return number * 2
}
console.log(mul(2))
ผลลัพธ์ที่ได้จะเป็น 4
สามารถเขียนให้สั้นลงโดยการตัดปีกกาและคำว่า return ออกไปได้
เพราะมีแค่บรรทัดเดียวซึ่งเป็นการ return จะได้เป็น
const mul = (number) => number * 2
console.log(mul(2))
ผลลัพธ์ที่ได้จะเป็นเหมือนเดิมคือ 4
ส่วนที่เป็น (number)
สามารถเอาวงเล็บออกได้เหมือนกันถ้ามีแค่ตัวแปรเดียว
จะได้เป็น
const mul = number => number * 2
console.log(mul(2))
แต่ถ้ามี 2 ตัวแปรจะต้องใส่ไว้เหมือนเดิม
const mul = (number1,number2) => number1 * number2
console.log(mul(2,2))
Top comments (0)