JavaScript 中传递参数的方式

function modifyValue(val) {
    val = 10; // 修改的是副本
}
let num = 5;
modifyValue(num);
console.log(num); // 输出：5

function modifyObject(obj) {
    obj.name = 'Modified'; // 修改的是引用
}
let person = { name: 'Original' };
modifyObject(person);
console.log(person.name); // 输出：Modified

function printName({ firstName, lastName }) {
    console.log(`First Name: ${firstName}, Last Name: ${lastName}`);
}
let user = { firstName: 'John', lastName: 'Doe' };
printName(user);

function printCoordinates([x, y]) {
    console.log(`X: ${x}, Y: ${y}`);
}
let coordinates = [10, 20];
printCoordinates(coordinates);

function sum(...nums) {
    return nums.reduce((acc, cur) => acc + cur, 0);
}
console.log(sum(1, 2, 3, 4)); // 输出：10

function processArray(arr, callback) {
    return arr.map(callback);
}
let result = processArray([1, 2, 3], num => num * 2);
console.log(result); // 输出：[2, 4, 6]

function createMultiplier(factor) {
    return function (num) {
        return num * factor;
    };
}
let double = createMultiplier(2);
console.log(double(5)); // 输出：10

function greet(name) {
    console.log(`Hello, ${name}!`);
}
greet('Alice'); // 输出：Hello, Alice!

function higherOrderFunction(fn) {
    console.log(fn());
}
higherOrderFunction(() => 'I am a function'); // 输出：I am a function

let button = document.querySelector('button');
button.addEventListener('click', () => handleClick('Button clicked'));
function handleClick(message) {
    console.log(message);
}

button.addEventListener('click', handleClick.bind(null, 'Button clicked'));