JavaScript中定义函数主要有函数声明和函数表达式两种方式:前者具名且全提升,可先调用后定义;后者多为匿名或命名表达式,仅变量声明提升,函数体不提升,适用于回调、条件创建等场景。

JavaScript 中定义函数主要有两种方式:函数声明(Function Declaration)和函数表达式(Function Expression),它们在语法、提升(hoisting)、使用场景和行为上都有明显区别。
函数声明:先写再用,会被提升
函数声明使用 function 关键字 + 函数名 + 参数列表 + 函数体的方式定义,且整个声明会被“提升”到当前作用域顶部,因此可以在定义之前调用。
例如:
console.log(add(2, 3)); // ✅ 正常运行,输出 5function add(a, b) { return a + b;}
关键点:
立即学习“Java免费学习笔记(深入)”;
必须有函数名(命名函数)会被完全提升(函数名和函数体都提升)适合定义工具性、可复用的逻辑,语义清晰
函数表达式:定义即赋值,不提升函数体
函数表达式是把函数作为“值”赋给一个变量(或对象属性、数组元素等),常见形式是 const/let/var + 变量名 = function() { … },也可以是箭头函数。
例如:
console.log(subtract(5, 2)); // ❌ 报错:subtract is not a functionconst subtract = function(a, b) { return a - b;};
注意:只有变量声明(如 const subtract)会被提升,但赋值(即函数本身)不会。所以不能在赋值前调用。
其他形式包括:
命名函数表达式:const calc = function sum(a, b) { return a + b; }; —— 函数内可用 sum 递归,外部仍用 calc箭头函数:const multiply = (a, b) => a * b; —— 没有 this 绑定,不能用作构造函数
核心差异总结
对比维度如下:
提升行为:声明全提升;表达式仅变量声明提升,函数体不提升命名要求:声明必须命名;表达式可以匿名(常见),也可命名(用于调试或递归)使用时机:声明适合模块顶层逻辑;表达式适合条件创建、回调、IIFE、闭包封装等场景函数名属性:声明的函数名是不可枚举、不可删除的;表达式中若为命名函数,name 属性有效,但不影响外部引用
实际选择建议
日常开发中可参考:
想在定义前调用,或定义公共工具函数 → 用函数声明需要动态生成、按条件赋值、传入回调、或配合 export 导出 → 用函数表达式(尤其推荐 const fn = () => {...})写模块时,ES6 推荐统一用表达式 + export,更利于静态分析和 tree-shaking避免在非顶层作用域(如 if 块中)使用函数声明,不同引擎行为不一致,应改用表达式
以上就是javascript函数如何定义_函数表达式和声明有何不同的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543921.html
微信扫一扫
支付宝扫一扫