JS函数如何定义参数_JS函数参数定义与传递方式教程

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

JS函数如何定义参数_JS函数参数定义与传递方式教程

2025-11-18

浏览次数：次

返回列表

J*aScript函数通过形参定义接收实参，支持默认值、arguments对象和...rest参数处理不定数量输入。ES6默认参数提升容错性，原始类型按值传递不改变外部变量，引用类型传地址可修改属性，合理运用可增强代码灵活性与复用性。

js函数如何定义参数_js函数参数定义与传递方式教程

J*aScript函数的参数定义和传递方式是开发中的基础内容，掌握它有助于写出更灵活、可复用的代码。JS函数在定义时可以设置形参，在调用时传入实参，支持多种传递方式和默认值处理。

函数参数的基本定义方式

在函数声明或函数表达式中，通过在括号内列出参数名来定义参数。这些参数在函数内部可直接使用。

示例：

function greet(name, age) {
console.log("你好，" + name + "，你今年" + age + "岁。");
}
greet("小明", 25); // 输出：你好，小明，你今年25岁。

这里的 name 和 age 就是函数定义的参数，调用时传入对应值即可。

参数的默认值设置

ES6引入了默认参数语法，允许在定义函数时为参数指定默认值，当调用时不传或传 undefined 时生效。

示例：

function greet(name = "游客", age = 18) {
console.log("你好，" + name + "，你今年" + age + "岁。");
}
greet(); // 输出：你好，游客，你今年18岁。
greet("李华"); // 输出：你好，李华，你今年18岁。

这种写法提升了函数的容错性和调用便利性。

arguments 对象与不定参数

J*aScript函数内部可访问 arguments 对象（类数组），用于获取所有传入的实际参数，适用于参数数量不确定的情况。

ChatCut

AI视频剪辑工具

1086 查看详情 ChatCut

示例：

function sum() {
  let total = 0;
  for (let i = 0; i     total += arguments[i];
  }
  return total;
}
console.log(sum(1, 2, 3)); // 输出：6

ES6还提供了更现代的 剩余参数（rest parameters） 写法：

function sum(...numbers) {
return numbers.reduce((a, b) => a + b, 0);
}

...numbers 会将所有传入参数收集为一个数组，使用更直观且兼容现代语法。

参数的传递方式：值传递与引用传递

JS中参数传递遵循“按值传递”原则，但具体行为因数据类型而异：

原始类型（如 number、string、boolean）传递的是值的副本，函数内修改不影响外部变量。
引用类型（如对象、数组）传递的是地址的拷贝，函数内修改属性会影响原对象。

示例：

function modify(x, obj) {
x = 10;
obj.value = 20;
}
let a = 5;
let b = { value: 10 };
modify(a, b);
console.log(a); // 输出：5（未改变）
console.log(b.value); // 输出：20（被修改）

注意：虽然引用类型可修改内容，但若在函数内重新赋值整个参数，不会影响外部。

基本上就这些。理解参数定义方式、默认值、不定参数以及传递机制，能让你更自如地编写和调用JS函数。

以上就是JS函数如何定义参数_JS函数参数定义与传递方式教程的详细内容，更多请关注其它相关文章！

# javascript # 广西网站建设与规划案例 # 滁州木材网站建设 # 选择企业网站建设 # 壹起航网站优化关键词 # 浙江抖音seo机构排名 # 全国企业关键词排名前十 # WAP浏览器网站建设 # 潮州网站竞价优化怎么样 # 东营短视频seo源码 # 适用于 # 复用 # 高阶 # 如何实现 # 小明 # 自定义 # 柯里 # 的是 # 你好 # 默认值 # red # js # java # es6 # js函数如何定义 # 网站推广之友情链接篇