用 function 关键字声明命名函数：function 函数名(参数) { 函数体 }，函数被提升、可提前调用，参数不匹配时少传为 undefined、多传被忽略，箭头函数无独立 this 且不可构造。

函数是 JavaScript 中可重复执行的代码块，它封装逻辑、接收输入（参数）、返回结果（可选），本质是一个值，可以赋值、传参、甚至作为返回值。

如何用 function 关键字声明一个命名函数？

这是最基础也最兼容的声明方式，函数会被提升（hoisted），可以在声明前调用。

• 函数名必须是合法标识符，推荐用小驼峰（如 calculateTotal）
• 参数写在括号内，多个用逗号分隔，不需声明类型
• 函数体用花括号包裹，return 后的值为返回值；无 return 或只写 return; 时返回 undefined
• 注意：函数声明不能出现在条件语句或循环内部（ES5 及更早环境行为不一致）

function greet(name) {
  return 'Hello, ' + name + '!';
}
console.log(greet('Alice')); // 输出：Hello, Alice!

如何调用函数？参数和实参不匹配会怎样？

调用就是加括号执行，无论有没有参数。JavaScript 不校验参数个数，多传或少传都不会报错，但可能引发逻辑错误。

• 少传参数 → 对应形参值为 undefined
• 多传参数 → 多余参数被忽略（除非显式使用 arguments 或剩余参数 ...args）
• 参数传递是「值传递」：原始类型（如数字、字符串）传副本；对象/数组传的是引用地址副本（修改属性会影响原对象）

function add(a, b) {
  return a + b;
}
console.log(add(2));        // NaN（因为 b 是 undefined，2 + undefined → NaN）
console.log(add(2, 3, 5));  // 5（第三个参数 5 被忽略）

箭头函数 () => {} 和普通函数有什么关键区别？

箭头函数是 ES6 引入的简洁写法，但它不是语法糖——它没有自己的 this、arguments、super 或 new.target，也不能用作构造函数。

• 没有 this 绑定：它的 this 指向外层作用域的 this，适合回调场景（如事件处理、map）
• 单个参数可省括号，单条返回语句可省花括号和 return
• 不能用 call/apply/bind 改变 this
• 没有 prototype 属性，typeof 仍是 "function"

const square = x => x * x;
console.log(square(4)); // 16
const obj = {
value: 10,
regular: function() { return this.value; },
arrow: () => this.value
};
console.log(obj.regular()); // 10
console.log(obj.arrow());   // undefined（箭头函数中 this 指向全局或 undefined）

真正容易被忽略的是：函数名在错误堆栈、调试器和递归调用中起关键作用。匿名函数（包括多数箭头函数）在堆栈里显示为 anonymous，排查问题成本更高；而命名函数能清晰暴露调用链。别为了省几个字符放弃可维护性。