JavaScript函数的核心差异在于this绑定、参数处理和调用方式:function声明具提升性、独立this和arguments,可作构造函数;箭头函数无this和arguments、不可构造、继承外层this;剩余参数替代arguments;原始类型传值,引用类型传共享引用;闭包需防内存泄漏。

JavaScript 函数不是“只能做一件事”的工具,而是可复用、可传递、可嵌套的代码单元——定义方式直接影响它能不能被正确调用、能不能访问外部变量、会不会意外修改全局状态。
function 声明和箭头函数的区别在哪
最常见却最容易混淆的是 function 声明与箭头函数(() => {})的行为差异。它们不只写法不同,关键在于 this 绑定、arguments 支持、以及是否能作为构造函数使用。
-
function声明会被提升(hoisted),可在定义前调用;箭头函数不会,必须先声明再调用 - 箭头函数没有自己的
this,它继承外层函数作用域的this;普通函数的this取决于调用方式(如obj.fn()中this是obj) - 箭头函数没有
arguments对象,要用剩余参数...args替代 -
new不能用于箭头函数,会报错TypeError: xxx is not a constructor
如何让函数接收不确定数量的参数
用剩余参数(...args)替代老旧的 arguments 对象,更安全、更符合数组操作习惯。
function sum(...numbers) {
return numbers.reduce((a, b) => a + b, 0);
}
sum(1, 2, 3); // 6
sum(); // 0
注意:...args 必须是最后一个形参;不能和 arguments 混用;在严格模式下,它不会出现在 function.length 中(该值只统计非剩余参数个数)。
立即学习“Java免费学习笔记(深入)”;
为什么函数内部改了变量,外部没变
这通常是因为传入的是原始类型(string、number、boolean、undefined、null、symbol、bigint),它们按值传递;而对象、数组、函数等引用类型按“共享引用”传递——你改属性会影响外部,但直接赋值新对象不会。
let x = 5; function f(n) { n = 10; } f(x); console.log(x); // 还是 5let obj = { a: 1 }; function g(o) { o.a = 2; } g(obj); console.log(obj.a); // 2function h(o) { o = { b: 3 }; } h(obj); console.log(obj.b); // undefined —— 因为 o 被重新赋值,断开了与原对象的联系
闭包常被滥用的两个场景
闭包本质是函数记住了它被定义时的作用域链。它有用,但容易引发内存泄漏或意料之外的变量共享。
- 循环中创建定时器:用
let声明循环变量,避免所有回调共享同一个var i;或者用 IIFE 包裹(已过时,仅作理解) - 私有数据模拟:用闭包封装变量,但别把大对象长期挂在闭包里,尤其在事件监听器中未及时移除时
典型错误写法:for (var i = 0; i console.log(i), 100); 输出三个 3;正确应为 for (let i = 0; i 或 (function(i) { setTimeout(() => console.log(i), 100); })(i)。
函数不是语法糖,它是 JavaScript 的一等公民——它的定义方式、调用时机、作用域边界,共同决定了逻辑是否可靠、调试是否清晰、性能是否可控。别只盯着怎么写,多问一句“它此刻绑定了谁的 this?捕获了哪些变量?会被 GC 回收吗?”










