آموزش کامل JavaScript ES6+ و ویژگی‌های جدید

مقدمه

JavaScript ES6+ ویژگی‌های قدرتمندی به این زبان اضافه کرده است. در این آموزش کامل با Arrow Functions، Destructuring، Promises و سایر ویژگی‌های جدید آشنا می‌شوید.

Arrow Functions

Arrow Functions سینتکس کوتاه‌تری برای نوشتن توابع ارائه می‌دهند:

// قبل از ES6
function add(a, b) {
    return a + b;
}

// با ES6
const add = (a, b) => a + b;

من از Arrow Functions زیاد استفاده می‌کنم و کد را خیلی تمیزتر می‌کند.

Destructuring

Destructuring به شما امکان استخراج داده از arrays و objects را می‌دهد:

const [first, second] = [1, 2];
const {name, age} = {name: 'John', age: 30};

Template Literals

Template Literals برای ایجاد string های چندخطی و interpolation استفاده می‌شوند:

const name = 'John';
const message = `Hello, ${name}!`;

Promises و Async/Await

Promises و Async/Await برای کار با asynchronous code استفاده می‌شوند:

async function fetchData() {
    const response = await fetch('/api/data');
    const data = await response.json();
    return data;
}

Modules

ES6 Modules به شما امکان import و export کردن کد را می‌دهد:

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

// import
import { add } from './math.js';

نتیجه‌گیری

ES6+ JavaScript را به یک زبان مدرن و قدرتمند تبدیل کرده است. با یادگیری این ویژگی‌ها، می‌توانید کد بهتری بنویسید.