JavaScript函数介绍（含箭头函数）

Source: Dev.to

JavaScript 中的函数

函数是可重复使用的代码块，用于执行特定任务，仅在被调用（执行）时运行。函数帮助我们：

• 避免重复代码
• 组织程序
• 使代码更易于理解和维护

语法

function functionName(parameters) {
    // code to be executed
}

示例

function greet() {
    console.log("Hello, Welcome!");
}
greet(); // Function call

带参数的函数

function add(a, b) {
    return a + b;
}
console.log(add(5, 3)); // Output: 8

常见问题

JavaScript 中的函数是什么？
函数是可重复使用的代码块，用于执行特定任务，并在被调用时运行。

我们为什么使用函数？

• 减少代码重复
• 提高可读性
• 组织代码
• 使调试更容易

参数和实参是什么？

• 参数 是在函数定义中列出的变量。
• 实参 是在调用函数时传入的值。

function show(name) {   // name → parameter
    console.log(name);
}
show("Vinayagam");  // "Vinayagam" → argument

return 与 console.log() 有何区别？

• return 将值返回给函数调用者。
• console.log() 将输出打印到控制台。

JavaScript 中函数的类型有哪些？

• 命名函数
• 匿名函数
• 箭头函数
• 函数表达式
• 回调函数

JavaScript 中的箭头函数

箭头函数提供了一种使用 =>（箭头）运算符编写函数表达式的简洁语法。ES6 引入的箭头函数使代码更简洁、更易读。

语法

const functionName = (parameters) => {
    // code
};

普通函数示例

function add(a, b) {
    return a + b;
}
console.log(add(5, 3));

箭头函数示例

const add = (a, b) => {
    return a + b;
};
console.log(add(5, 3));

常见问题

为什么在 JavaScript 中引入了箭头函数？

• 减少代码长度
• 提高可读性
• 更有效地处理 this 关键字
• 简化回调函数

箭头函数的主要特性是什么？

• 更短的语法
• 隐式返回（单表达式函数中无需 return）
• 没有自己的 this 绑定（词法 this）
• 不能用作构造函数
• 没有 arguments 对象

箭头函数中的隐式返回是什么？

隐式返回指在不使用 return 关键字的情况下返回值。当函数只有一个表达式时即可使用。

const add = (a, b) => a + b;

this 在箭头函数中如何表现？

箭头函数没有自己的 this。它们从外部（父）作用域继承 this，这种行为称为 this 的词法作用域。