JavaScript函数如何定义_它能实现什么功能_网络技术

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 中（该值只统计非剩余参数个数）。

为什么函数内部改了变量，外部没变

这通常是因为传入的是原始类型（string、number、boolean、undefined、null、symbol、bigint），它们按值传递；而对象、数组、函数等引用类型按“共享引用”传递——你改属性会影响外部，但直接赋值新对象不会。

let x = 5; function f(n) { n = 10; } f(x); console.log(x); // 还是 5
let obj = { a: 1 }; function g(o) { o.a = 2; } g(obj); console.log(obj.a); // 2
function 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 回收吗？”

# javascript # java # 工具 # 区别 # 作用域 # 为什么 # red

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】