JavaScript 函数声明和 JavaScript 表达式之间的区别

2025年2月15日 | 阅读 3 分钟

JavaScript 函数使我们能够执行各种任务、做出关键决策、执行计算，甚至增强我们网站的交互性。在本篇文章中，我们将探讨“函数表达式”和“函数声明”之间的区别。两者都使用“函数”一词，这是它们相似之处。主要区别在于函数声明有一个函数名，而后者则没有。

函数声明

函数声明使用 function 关键字声明函数，也称为函数语句。
函数声明需要一个函数名。
函数是独立的结构，不分组在函数块内，因此函数声明不需要变量赋值。
它们比所有其他代码先运行。
函数声明中的函数在函数定义之前和之后都可访问。

语法

函数声明使用以下语法。

 
functionName(parameter1, prameter2){
//write functions code
}

示例

以下示例展示了算术运算的 JavaScript 声明。

 
<!DOCTYPE html>
<html>
<head>
<title> Function expression in javascript </title>
</head>
<body style = "background-color:beige;">
<h2> difference between javascript Function expression and javascript function declaration </h2>
<h4> JavaScript Anonymous Function declaration </h4>
<p> We can create and declare the function without the function name. We can use the let variable for the function expression. </p>
<b id = "data_view"> </b>
<br>
<b id = "data_view1"> </b>
<script>
//create the variable with the 'let' keyword for a function expression
function cal_Substraction (x, y) {
let c = x - y;
return c;
}
document.getElementById("data_view").innerHTML = "Subtraction value: " + cal_Substraction(10, 4);
function cal_add(x, y) {
let c = x + y;
return c;
}
document.getElementById("data_view1").innerHTML = "Addition value: " + cal_add(10, 4);
</script>
</body>
</html>

输出

输出以匿名方式显示函数声明及其操作。

Difference between JavaScript Function Declaration and JavaScript Expression

函数表达式

函数表达式与函数声明类似，但没有函数名。
变量赋值允许存储函数表达式。
程序解释器到达代码行时，函数表达式会加载并运行。
仅在函数定义之后，函数表达式中的函数才可访问。

语法

函数表达式使用以下语法。

 
Var function_variable = function(parameter1, prameter2){
//write functions code
}

示例

以下示例展示了 JavaScript 表达式。

 
<!DOCTYPE html>
<html>
<head>
<title> Function expression in javascript </title>
</head>
<body style = "background-color:beige;">
<h2> difference between javascript Function expression and javascript function declaration </h2>
<h4> JavaScript Anonymous Function Expression </h4>
<p> We can create and declare the function without the function name. We can use the let variable for the function expression. </p>
<b id = "data_view"> </b>
<br>
<b id = "data_view1"> </b>
<script>
//create the variable with the 'let' keyword for a function expression
let cal_Substraction = function (x, y) {
let c = x - y;
return c;
}
document.getElementById("data_view").innerHTML = "Subtraction value: " + cal_Substraction(10, 4);
let cal_add = function (x, y) {
let c = x + y;
return c;
}
document.getElementById("data_view1").innerHTML = "Addition value: " + cal_add(10, 4);
</script>
</body>
</html>

输出

输出以匿名方式显示函数表达式及其操作。

函数声明与表达式的比较

下表比较了函数声明和表达式。

函数声明	函数表达式
函数声明需要函数名来进行编码。	函数表达式的功能与函数声明相同，但不需要函数名。
函数声明不需要变量赋值。	变量赋值允许存储函数表达式。
它们比所有其他代码先运行。	程序解释器到达代码行时，函数表达式会加载并运行。
函数声明中的函数在函数定义之前和之后都可以访问。	仅在函数定义之后，函数表达式中的函数才可访问。
函数声明会被提升。	函数表达式不会被提升。
语法 Function_name(parameter1, prameter2){ //在此处编写函数代码 }	语法 Var function_variable = function(parameter1, prameter2){ //在此处编写函数代码 }

结论

JavaScript 函数声明和表达式对于不同的函数及其操作很重要。开发人员和学生根据功能和需求使用函数声明和表达式。

下一主题在 Microsoft Edge 上启用 JavaScript

JavaScript 函数声明和 JavaScript 表达式之间的区别

函数声明

函数表达式

函数声明与表达式的比较

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 函数声明和 JavaScript 表达式之间的区别

函数声明

函数表达式

函数声明与表达式的比较

结论

相关帖子

在 JavaScript 中复制对象而不引用

JavaScript 中的二分查找

Push 和 Pop 在 JavaScript 中的用法

2025 年最佳 JavaScript 框架

如何使用 JavaScript 多维数组

Axios JavaScript

Javascript File Reader

JavaScript 动画库

JavaScript 位运算符

如何制作一个 JavaScript 游戏

订阅 Tpoint Tech

联系信息

关注我们