291   JS มาแปลง Function เดิมๆ ให้เป็น Arrow function กันดีกว่า

>> ปิ้งป่อง <<

มาลองแปลง Function ปกติ ให้เป็น Arrow function กัน

สมมติว่าเรามีฟังก์ชั่น bar และรับพารามิเตอร์ x แล้วคืนค่า x

function bar(x){
   return x + 1;
}


การแปลงก็เพียงแค่ใส่เครื่องหมายลูกศรอ้วนๆ => 
แค่นี้ก็เป็น arrow function  แล้ว

const bar = (x) => {
   return x + 1;
}


ทีนี้ arrow function กรณีถ้ามีพารามิเตอร์แค่ตัวเดียว เราสามารถลดรูปได้โดยไม่ต้องใส่เครื่องหมายวงเล็บครับ

const bar = x => {
   return x + 1;
}

 

ตัว arrow function ก็ยังสามารถลดรูปได้อีก อู้วหูว!???? ว้าววว

ถ้าหากการ return ค่ากลับเป็น expression แค่ค่าเดียวเท่านั้น ดังนี้

const bar = x => x + 1;

 

แล้วกรณีไหนหล่ะที่ทำไม่ได้ ผมจะยกตัวอย่างเช่น

const bar = x => let y = x + 1;

>>> แบบนี้ไม่ได้นะครับ เพราะว่ามันคือการประกาศค่าหรือ statement ไม่ใช่ expression นั่นเองค้าบบบบโผมมม

Back to Top