当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript函数定义方法及用途详解

JavaScript函数定义方法及用途详解

2026-02-01 23:23:39 0浏览收藏

本篇文章给大家分享《JavaScript函数怎么定义，有什么作用》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

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

JavaScript函数如何定义_它能实现什么功能

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 被重新赋值，断开了与原对象的联系