如果说对象模型决定了 JavaScript 的数据组织方式，那么函数几乎决定了它的表达方式。JavaScript 里的函数不只是“把几行代码包起来复用”的工具，它可以被赋值、传递、返回、延后执行、绑定上下文、封装状态，很多你在框架、事件系统、异步流程里看到的写法，底层都离不开函数。
也正因为如此，JavaScript 的函数章节往往也是初学者最容易“会写但说不清”的地方。你可能知道箭头函数、回调函数、柯里化这些名字，却一碰到 this、回调上下文、高阶函数或函数式组织方式，就容易乱。真正要掌握的是：函数为什么在这门语言里如此核心，它和作用域、闭包、对象、异步之间到底是什么关系。
函数是一等公民，意味着什么？
“函数是一等公民”不是一句炫技口号，它意味着函数和普通值一样，可以被赋给变量、作为参数传入另一个函数、作为结果返回。这直接带来了 JavaScript 非常重要的几种能力：
- 回调机制；
- 高阶函数；
- 事件处理；
- 中间件链路；
- Promise 和异步封装；
- 自定义工具函数和模块能力封装。
一旦接受这个设定，你就会明白为什么 JavaScript 世界里到处都是函数。框架组件本身可能是函数，事件监听器是函数，数组上的 map、filter、reduce 依赖函数，防抖节流和缓存工具也依赖函数。
this 为什么总是让人头疼？
因为 this 不是由函数定义位置决定的，而是由调用方式决定的。这和词法作用域完全不同，所以很多人会把两套规则混在一起。作用域回答的是“变量去哪找”，this 回答的是“当前调用的接收者是谁”。
如果你没有把“调用方式”这件事放在第一位，this 就会显得很乱。比如：
- 普通函数独立调用时，
this往往不指向你以为的对象； - 作为对象方法调用时，
this通常指向调用它的对象； - 通过
call、apply、bind可以显式指定； - 箭头函数不自己创建
this，而是继承外层词法环境中的this。
所以学 this 时，不要死记结论，而是先问一句：这个函数是怎么被调用的？
箭头函数为什么流行，但不是万能替代品？
箭头函数简洁、常和回调配合得很好，还能避免很多普通函数里的 this 指向困扰，所以在现代 JavaScript 中使用非常广泛。但它也不是“更高级的函数版本”，而是语义不同的函数形式。
它最典型的特点是：
- 没有自己的
this； - 不能作为构造函数；
- 没有
arguments这种传统函数级别的绑定方式； - 更适合表达短小、上下文明确的函数逻辑。
这意味着，箭头函数非常适合数组处理、事件回调、Promise 链路和局部逻辑；但如果你需要依赖动态 this、希望表达一个对象方法的传统调用语义，或者需要构造函数语义，就不能机械替换。
高阶函数为什么这么重要？
高阶函数指的是接收函数作为参数，或者返回函数作为结果的函数。它是 JavaScript 抽象能力的核心来源之一。你在数组方法、异步流程、事件监听、缓存封装、防抖节流、函数组合里看到的很多写法，本质上都是高阶函数在工作。
高阶函数真正有价值的地方，不是“看起来高级”，而是它能把变化的部分抽出来，把稳定的控制流程保留下来。比如数组遍历逻辑是稳定的，具体每项怎么处理是变化的，于是 map、filter、reduce 把“处理规则”交给函数；防抖逻辑是稳定的，被防抖的业务处理是变化的，于是你把业务函数传进去。
这其实是一种非常重要的工程思维：把变化点参数化，把共性逻辑沉淀为可复用能力。
回调地狱不是“回调有罪”，而是边界没设计好
很多人学异步前先听说“回调地狱”，于是对回调天然排斥。实际上，回调本身没有问题，它只是函数作为参数的一种正常使用方式。真正糟糕的是：异步层层嵌套、错误传播混乱、职责边界不清、状态分散在多个闭包里。
所以工程上要解决的不是“禁止回调”，而是把回调放在合适的位置，并用更清晰的抽象组织它们。Promise、async/await 只是让异步流程更容易阅读和组合，本质上仍然建立在函数和回调能力上。
函数设计的项目视角
在真实项目里，函数写得好不好，不只体现在“能不能复用”，还体现在下面几个方面：
- 输入和输出是否清晰；
- 有没有偷偷依赖外部可变状态；
- 是否承担了太多职责；
- 是否把副作用和纯计算混在一起；
- 是否利于测试和组合。
这也是为什么很多团队会强调“让函数尽量小而明确”“把纯逻辑从 UI 事件里抽出来”“让工具函数只做一件事”。JavaScript 本身很灵活，越灵活越需要你主动给函数建立边界。
常见误区
这一章最容易出现的误区包括：
- 把
this和作用域混为一谈； - 以为箭头函数永远优于普通函数；
- 为了“函数式”而过度抽象，导致代码读起来更拧巴；
- 回调层层嵌套却不整理错误与状态边界；
- 高阶函数用得很多，但说不清抽象出来的变化点到底是什么。
写在最后
函数让 JavaScript 拥有了非常强的表达能力，也把很多复杂性带了进来。只要把“函数是一等公民”“this 由调用方式决定”“高阶函数用于抽离变化点”这几条主线建立起来，你后面学模块、Promise、事件系统和框架时，会更容易看清底层逻辑。下一篇我们继续进入对象模型，从原型、原型链和 class 开始，把 JavaScript 对象继承这条线讲透。