JavaScript 函数是一组可以重复使用的可执行代码块。它们为您提供了在应用程序中组织和管理代码的强大工具，使您可以将功能分解为更小，更可维护的部分。
函数声明的基础语法
函数声明由关键字 “function”，函数名称，括号包括的参数列表和花括号包含的函数体组成。以下是一个简单的函数声明：
function greet(name) {
console.log(`Hello, ${name}!`);
}该函数声明定义了 greet 函数，该函数接受一个名为 "name" 的参数，并输出一条问候消息到控制台。
函数的返回值
函数可以选择在执行后返回一个值，这个值可以被其他代码使用。要从函数中返回一个值，可以使用 return 关键字：
function add(a, b) {
return a + b;
}
const result = add(2, 3);
console.log(result); // 输出 5在这个例子中，add 函数接受两个参数，将它们相加并使用 return 返回结果。然后，我们调用 add 函数并将其结果存储在 result 变量中。
函数的作用域
函数声明中定义的变量只在函数内部可见，称为局部变量。这是因为它们在函数运行时创建，在函数结束时被销毁。
function printMessage(message) {
const prefix = "Message: ";
console.log(prefix + message);
}
printMessage("Hello World!"); // 输出 "Message: Hello World!"
console.log(prefix); // 抛出 ReferenceError 错误在这个例子中，prefix 变量是函数声明的一部分，并且只能在函数内部使用。尝试在函数外部访问 prefix 变量将导致 ReferenceError 错误。
函数表达式
除了函数声明之外，还有函数表达式。函数表达式可以存储在变量中，并且可以像其他值一样传递和操作：
const greet = function(name) {
console.log(`Hello, ${name}!`);
};
greet("World"); // 输出 "Hello, World!"在这个例子中，我们定义了一个名为 greet 的变量，它存储一个函数表达式。与函数声明不同，我们没有指定一个函数名称，而是将整个函数表达式作为赋值的一部分。
箭头函数
ES6 引入了箭头函数语法，它提供了一种更简洁的方式来定义函数：
const add = (a, b) => a + b; const result = add(2, 3); console.log(result); // 输出 5
在这个例子中，我们定义了一个名为 add 的箭头函数，它接受两个参数并返回它们的和。箭头函数的语法省略了 function 关键字，并使用箭头符号 => 指示函数的定义。
总结
通过本文，我们了解了 JavaScript 函数的基础语法和一些高级技术，如返回值、作用域、函数表达式和箭头函数。掌握这些基础知识是成为优秀前端工程师的重要一步。
以下是一个完整的示例代码，其中包括一个简单的函数声明和一个使用箭头函数的计算器：
-- -------------------- ---- ------- -------- ----------- - ------------------- ----------- - --------------- ----- ---------- - - ---- --- -- -- - - -- --------- --- -- -- - - -- --------- --- -- -- - - -- ------- --- -- -- - - - -- ----- ------ - ----------------- --- ------------------ - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------