JavaScript函数是可调用对象,具prototype、this绑定等特性;函数声明完全提升,表达式仅变量提升;箭头函数无this、只能为表达式;arguments与...args不可共存,默认参数从左到右求值。

JavaScript 函数不是“一段可重用的代码块”这种抽象描述能说清的——它本质是一个**可调用的对象**,有 prototype、能绑定 this、可被赋值给变量、甚至可以没有名字。
函数声明 vs 函数表达式:语法差异直接影响提升行为
这是最容易引发运行时错误的地方。函数声明(function foo() {})会被**完全提升**(包括函数体),而函数表达式(const foo = function() {} 或 const foo = () => {})只提升变量声明,不提升赋值。
- 在声明前调用
foo():函数声明能成功;const表达式会报ReferenceError: Cannot access 'foo' before initialization -
var foo = function() {}会提升变量但赋值为undefined,调用时报TypeError: foo is not a function - 箭头函数只能是表达式,不存在声明形式,也不绑定
this
参数处理:arguments、剩余参数和默认值共存时的优先级
旧式 arguments 对象和现代的剩余参数(...args)不能同时出现在同一个函数中(会报 SyntaxError),且默认参数的求值顺序从左到右,右侧默认值可访问左侧已计算的参数。
- 带默认值的参数如果位于非末尾位置,调用时必须显式传入
undefined才能触发默认值,例如:function f(a, b = 2, c) {}→f(1, undefined, 3)才让b取2 - 使用
...args后不能再有常规参数(除非是剩余参数本身),但可以跟在默认参数之后:function g(a = 1, ...rest) {} -
arguments在严格模式下不跟踪参数变更,而...args是真实数组,支持map、filter等方法
箭头函数没有自己的 this,但容易误判绑定时机
箭头函数的 this 是词法绑定的,取自定义时所在上下文的 this,而不是调用时。这点在事件回调、定时器或对象方法中极易出错。
立即学习“Java免费学习笔记(深入)”;
- 对象方法写成箭头函数:
const obj = { name: 'a', fn: () => console.log(this.name) }→this指向全局或undefined(严格模式),不是obj - 需要动态
this的场景(如 Vue 方法、React 类组件事件处理器)不能用箭头函数定义方法本身 - 但可在内部回调中安全使用:
arr.map(x => x * 2),因为不依赖this
真正难的不是写出一个能跑的函数,而是判断该用哪种形式定义、参数怎么设计才不会在深层调用链里丢掉上下文或默认逻辑——尤其当函数要被其他模块复用或作为参数透传时。











