在javascript编程中，函数是一等公民，承担着封装逻辑、复用代码的核心作用，不同的函数创建方式有着各自的特点和适用场景，理解这些差异能帮助开发者写出更合理的代码。
函数声明
函数声明是最传统也最常用的函数创建方式，使用function关键字直接定义函数，它的特点是存在函数提升，在代码执行前就会被解析器读取，因此可以在声明之前调用函数。
语法格式如下：
// 函数声明语法
function add(a, b) {
// 计算两个参数的和
return a + b;
}
// 函数声明存在提升，可以在声明前调用
console.log(add(1, 2)); // 输出3
函数表达式
函数表达式是将函数赋值给一个变量，此时函数可以是匿名的，也可以是具名的。函数表达式不存在函数提升，必须先定义再调用，否则会报错。
匿名函数表达式
这是最常见的函数表达式形式，函数没有名字，直接赋值给变量：
// 匿名函数表达式
const multiply = function(a, b) {
// 计算两个参数的乘积
return a * b;
};
// 必须先定义再调用，提前调用会报错
console.log(multiply(3, 4)); // 输出12
具名函数表达式
函数有名字，这个名字只能在函数内部访问，外部无法调用，通常用于递归场景：
// 具名函数表达式
const factorial = function calc(n) {
if (n <= 1) {
return 1;
}
// 内部可以通过calc调用自身
return n * calc(n - 1);
};
console.log(factorial(5)); // 输出120
// 外部无法访问calc，会报错
// console.log(calc(5));
箭头函数
箭头函数是ES6新增的函数创建方式，使用=>语法定义，它的语法更简洁，并且没有自己的this、arguments等对象，这些属性会继承自外层作用域。
基本语法如下：
// 基本箭头函数，两个参数，返回和
const sum = (a, b) => {
return a + b;
};
// 只有一个参数时可以省略括号
const square = x => {
return x * x;
};
// 函数体只有一行返回语句时，可以省略大括号和return
const subtract = (a, b) => a - b;
console.log(sum(2, 3)); // 输出5
console.log(square(4)); // 输出16
console.log(subtract(5, 2)); // 输出3
Function构造函数
除了上述常见方式，还可以使用Function构造函数来创建函数，这种方式不常用，因为代码可读性差，而且每次创建都会解析函数体，性能较低。
// 使用Function构造函数创建函数
// 最后一个参数是函数体，前面的参数是函数的形参
const divide = new Function('a', 'b', 'return a / b;');
console.log(divide(10, 2)); // 输出5
不同创建方式的对比
为了更清晰区分不同方式的差异，以下是核心特性的对比：
| 创建方式 | 函数提升 | 自身this | 适用场景 |
|---|---|---|---|
| 函数声明 | 有 | 有 | 需要提前调用的通用函数 |
| 函数表达式 | 无 | 有 | 按需定义的函数、闭包场景 |
| 箭头函数 | 无 | 无 | 回调函数、不需要自身this的场景 |
| Function构造函数 | 无 | 有 | 动态生成函数的特殊场景 |
使用注意事项
- 如果需要函数在定义前就被调用，优先选择函数声明
- 箭头函数不适合作为对象的方法，因为它的this指向外层作用域，不会指向调用对象
- 函数表达式的变量如果用
const声明，后续不能重新赋值，用let声明则可以重新赋值 - 避免使用Function构造函数创建函数，除非有特殊动态编译的需求
javascript函数创建函数声明函数表达式箭头函数修改时间：2026-07-02 01:54:37