函数

basics

理解 JavaScript 中函数的定义、调用、参数传递和返回值

概念定义

函数是 JavaScript 中的一等公民,可以作为值传递、存储在变量中、作为参数传递给其他函数。

代码示例

函数声明

JavaScript
// 函数声明会被提升
function greet(name) {
  return 'Hello, ' + name + '!';
}

console.log(greet('World')); // "Hello, World!"

函数声明使用 function 关键字,会被提升到作用域顶部。

箭头函数

JavaScript
// 箭头函数(ES6)
const greet = (name) => {
  return 'Hello, ' + name + '!';
};

// 简化写法
const greet2 = name => 'Hello, ' + name + '!';

箭头函数是 ES6 引入的简洁语法,没有自己的 this 绑定。

使用场景
  • 代码复用和模块化
  • 事件处理和回调
  • 数据处理和转换
常见错误
  • 混淆函数声明和函数表达式的提升行为
  • 在箭头函数中误用 this
相关练习
前置知识
js-variables
后续主题
js-scopejs-closures