مهارت های جاوا اسکریپت خود را با این نکات تخصصی تقویت کنید

// Array Destructuring
const [first, second] = [10, 20];
console.log(first); // 10
console.log(second); // 20

// Object Destructuring
const { name, age } = { name: 'Alice', age: 25 };
console.log(name); // Alice
console.log(age); // 25

const name = 'Alice';
const greeting = `Hello, ${name}!`;
console.log(greeting); // Hello, Alice!

function greet(name = 'Guest') {
    return `Hello, ${name}!`;
}
console.log(greet()); // Hello, Guest!
console.log(greet('Alice')); // Hello, Alice!

const add = (a, b) => a + b;
console.log(add(2, 3)); // 5

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]

function sum(...numbers) {
    return numbers.reduce((acc, curr) => acc + curr, 0);
}
console.log(sum(1, 2, 3, 4)); // 10

const user = { name: 'Alice' };
const username = user.name || 'Guest';
console.log(username); // Alice

const isLoggedIn = true;
isLoggedIn && console.log('User is logged in'); // User is logged in

const user = { address: { street: 'Main St' } };
const street = user?.address?.street;
console.log(street); // Main St

const foo = null ?? 'default value';
console.log(foo); // default value

function debounce(func, delay) {
    let debounceTimer;
    return function() {
        const context = this;
        const args = arguments;
        clearTimeout(debounceTimer);
        debounceTimer = setTimeout(() => func.apply(context, args), delay);
    };
}

const handleScroll = debounce(() => {
    console.log('Scrolled!');
}, 300);

window.addEventListener('scroll', handleScroll);