JavaScript ES6+ Features ที่นักพัฒนาต้องรู้


บทนำ

JavaScript ES6 ได้นำเสนอการเปลี่ยนแปลงครั้งใหญ่ต่อภาษา

Arrow Functions

Arrow functions เป็นวิธีที่กระชับในการเขียน functions:

const add = (a, b) => a + b;

Destructuring

Destructuring ช่วยให้คุณสามารถแยกค่าจาก objects และ arrays:

const { name, age } = person;
const [first, second] = colors;

Template Literals

Template literals ช่วยให้การสร้าง strings ง่ายขึ้น:

const greeting = `Hello, ${name}!`;

Classes

Classes ให้วิธีที่ชัดเจนในการสร้าง objects:

class Person {
  constructor(name) {
    this.name = name;
  }
}

บทสรุป

ES6+ features เหล่านี้ช่วยให้เขียน JavaScript ที่ทันสมัยและมีประสิทธิภาพ