JavaScript
2024-05-01
22 phút đọc
ES6+ trong JavaScript: Những tính năng bạn nhất định phải biết
ES6+ trong JavaScript: Viết code hiện đại, gọn và dễ hiểu
ES6 (và các phiên bản sau) đã thay đổi hoàn toàn cách chúng ta viết JavaScript. Nếu bạn vẫn còn quen với var, function truyền thống mọi nơi, đã đến lúc nâng cấp.
1. let / const thay cho var
let: biến có thể gán lại, phạm vi theo block.const: không cho gán lại tham chiếu (nhưng object/array bên trong vẫn có thể mutate).
let count = 0;
const PI = 3.14;
2. Arrow function
Arrow function giúp code ngắn hơn và this không bị binding kỳ quặc:
const nums = [1, 2, 3];
const squared = nums.map(n => n * 2);
3. Destructuring & Spread
const user = { name: 'Bao', age: 25, city: 'Hanoi' };
const { name, age } = user;
const userWithRole = { ...user, role: 'admin' };
4. Module import/export
// math.js
export function add(a, b) {
return a + b;
}
// main.js
import { add } from './math.js';
console.log(add(1, 2));
ES6+ là nền tảng để bạn hiểu các framework hiện đại như React, Vue, Node.js. Hiểu vững phần này giúp bạn đọc code open-source dễ dàng hơn rất nhiều.