JavaScript函数定义的三种方式及核心区别解析

JavaScript中定义函数主要有三种方式，它们在语法结构和使用场景上存在显著差异。

函数声明方式

第一种方式是函数声明（Function Declaration）。

function fn(val1,val2) {
alert(val1+val2);
}
fn(1,2);

函数表达式方式

第二种方式是函数表达式（Function Expression）。

var fn=function() {
alert(val1+val2);
}
fn(1,2);

Function构造函数方式

第三种方式是利用Function构造函数创建函数。

var fn=new Function("alert(val1+val2)");
fn(1,2);

三种方式的核心区别

尽管上述三种方式在逻辑功能上等价，但在实际运行机制中存在以下关键区别： 第一，加载时机不同。函数声明会在代码执行前被加载到当前作用域中（即存在“提升”现象）；而函数表达式仅在代码执行到该行时才会被定义。 第二，命名机制不同。函数声明会明确指定一个函数名；而函数表达式通常创建一个匿名函数，并将其赋值给一个变量。 第三，可读性与使用频率。Function构造函数通过字符串参数克隆函数，由于函数通常包含多条语句，以字符串形式传递会导致代码可读性极差，因此这种写法在实际开发中较少使用。

以上内容总结了JavaScript函数定义的三种方式及其区别，供开发者参考。