JavaScript基础教程（五十四）函数之函数定义：拿捏函数定义，JavaScript函数的花式玩法！-优快云博客

在JavaScript中，函数是一等公民，理解函数的定义方式是掌握JavaScript基础的关键。下面我们深入探讨四种主要的函数定义方法。

1. 函数声明：最直接的方式

函数声明会进行函数提升，可以在定义前调用：

console.log(sum(1, 2)); // 正常输出3

function sum(a, b) {
    return a + b;
}

2. 函数表达式：灵活的函数定义

函数表达式不会提升，必须先定义后使用：

const multiply = function(a, b) {
    return a * b;
};
console.log(multiply(2, 3)); // 输出6

3. 箭头函数：ES6的简洁之道

箭头函数提供更简洁的语法，并且不绑定自己的this：

const divide = (a, b) => a / b;
console.log(divide(10, 2)); // 输出5

const obj = {
    value: 42,
    getValue: function() {
        setTimeout(() => {
            console.log(this.value); // 输出42，箭头函数继承外部this
        }, 100);
    }
};

4. Function构造函数：动态函数创建

这种方式可以动态创建函数，但性能较差且存在安全风险：

const add = new Function('a', 'b', 'return a + b');
console.log(add(1, 2)); // 输出3

实战对比：选择正确的定义方式

每种方式各有适用场景：函数声明适合通用功能，函数表达式适合赋值给变量，箭头函数适合简短回调和处理this绑定，Function构造函数则适用于极端动态场景。

// 立即调用的函数表达式(IIFE)
(function() {
    console.log('立即执行');
})();

// 方法简写(ES6)
const obj = {
    method() {
        return '方法简写';
    }
};

深刻理解JavaScript函数定义的多样性，是编写高质量代码的必经之路。