函数声明会被完整提升，可在声明前调用；函数表达式仅变量名提升，值为undefined。1. 函数声明语法为function name(){}，必须有名字；函数表达式将函数赋值给变量，可匿名或具名。2. 函数声明提升整个函数，允许提前调用；函数表达式中let/const声明的变量存在暂时性死区，var声明会报错TypeError。3. 函数表达式更灵活，适用于回调、IIFE、对象方法等场景。4. 理解差异有助于避免执行顺序错误和模块设计问题。
在 JavaScript 中，函数是头等公民，可以通过多种方式创建。最常见的两种方式是函数声明和函数表达式。虽然它们都能定义函数，但在语法、提升（hoisting）行为以及使用场景上存在关键差异。
语法形式不同
函数声明以 function 关键字开头，后跟函数名：
function greet() {
console.log(“Hello!”);
}
函数表达式是将一个函数赋值给变量，函数可以有名字，也可以是匿名的：
const greet = function() {
console.log(“Hello!”);
};
// 或者带名字的函数表达式
const greet = function hello() {
console.log(“Hello!”);
};
函数表达式的函数名只能在函数内部访问，主要用于调试或递归调用。
立即学习“Java免费学习笔记（深入）”；
变量提升行为不同
这是两者最显著的区别。
函数声明会被完整地提升到其作用域顶部。这意味着你可以在声明之前调用它：
greet(); // 输出: Hello!
function greet() {
console.log(“Hello!”);
}
函数表达式不会被提升函数体，只有变量名被提升（如果是 var 声明），但值为 undefined：
sayHi(); // 报错：Cannot access ‘sayHi’ before initialization
const sayHi = function() {
console.log(“Hi!”);
};
使用 var 时情况略有不同：
sayHi(); // 报错：TypeError: sayHi is not a function
var sayHi = function() {
console.log(“Hi!”);
};
因为 var 被提升，但值是 undefined，调用 undefined 会报错。
适用场景与灵活性
函数声明适合定义需要在整个作用域中可用的工具函数或逻辑主干函数。由于可被提前调用，代码组织更自由。
函数表达式更灵活，常用于：
作为回调函数传递（如 setTimeout、addEventListener） 立即执行函数表达式（IIFE） 对象方法或模块导出 箭头函数替代（现代常用）
例如：
setTimeout(function() {
console.log(“延迟执行”);
}, 1000);
总结关键点
函数声明会被完全提升，可在声明前调用；函数表达式不会 函数声明必须有名字，函数表达式可以匿名或具名 函数表达式更适合作为“值”来操作，比如赋值、传参、返回 在块级作用域中，两者的提升和暂时性死区行为受 let/const 影响
基本上就这些。理解它们的异同有助于避免运行时错误，尤其是在处理执行顺序和模块设计时。不复杂但容易忽略。
以上就是JavaScript 函数：函数声明与函数表达式的异同的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1534511.html
微信扫一扫 
支付宝扫一扫 
