Menu
CoddyTech

函数表达式

本课属于 Coddy JavaScript 学习旅程的“基础知识”单元。第 49 课,共 77 课。

在 JavaScript 中,函数表达式是一种将函数作为表达式一部分来定义的方式。与函数声明不同,函数表达式不会被提升,这意味着在代码中定义函数之前,不能调用它。

下面是函数表达式的基本语法:

let functionName = function(parameters) {
	// 要执行的代码
	// ...
	return value; // 可选的返回语句
};

关键字 function 后面可以跟一个可选的函数名称。如果提供了名称,它就是一个具名函数表达式;否则,它就是一个匿名函数表达式。参数写在圆括号中,函数体则放在花括号中。

下面是一个命名函数表达式的示例:

let add = function sum(a, b) {
	return a + b;
};

console.log(add(3, 5)); // 输出:8

在这个示例中,add 是保存函数的变量,sum 是函数的可选名称。虽然函数有名称,但你不能直接调用 sum,必须使用变量 add。

下面是一个匿名函数表达式的示例:

let multiply = function(a, b) {
	return a * b;
};

console.log(multiply(4, 2)); // 输出:8

在这种情况下,函数没有名称,并且直接赋值给变量 multiply。

当你想把一个函数作为参数传递给另一个函数,或者想即时创建一个函数时,通常会使用函数表达式。

challenge icon

挑战

简单

创建一个名为 calculateArea 的函数表达式,它接受两个参数,width 和 height,并返回矩形的面积。这个函数应赋值给一个名为 calculateArea 的变量。

例如:

console.log(calculateArea(5, 10)); // Output: 50
console.log(calculateArea(3, 7));  // Output: 21

亲手试试

// 在下面输入你的代码


// 不要修改下面的代码行
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

基础知识中的所有课

自己练习: JavaScript 在线编译器