前端祖传三件套JavaScript的函数之函数参数

一、函数参数的定义

JavaScript 函数可以接受任意数量的参数，这些参数可以通过函数体内部进行访问和操作。函数参数分为两种类型：形式参数和实际参数。形式参数（也称为形参）是在定义函数时用于声明该函数可以接受哪些参数的变量名。实际参数（也称为实参）则是在调用函数时提供给函数的参数值。

在 JavaScript 中，函数参数的定义方法如下：

function myFunction(param1, param2) {
  // function body
}

二、函数参数的传递方式

JavaScript 函数参数的传递方式有两种：按值传递和按引用传递。

1. 按值传递：当函数接收的参数为基本类型（例如数字、字符串、布尔值等）时，传递方式将会是按值传递。这意味着函数内部对参数的修改不会影响到原始值。

例如：

function add(a, b) {
  a = a + b;
  return a;
}
let x = 3;
let y = 5;
console.log(add(x, y)); // 8
console.log(x); // 3

2. 按引用传递：当函数接收的参数为对象类型（例如数组、函数、对象等）时，传递方式将会是按引用传递。这意味着函数内部对参数的修改会影响到原始值。

例如：

let arr = [1, 2, 3];
function addOne(array) {
  array.push(4);
}
addOne(arr);
console.log(arr); // [1, 2, 3, 4]

三、函数参数的注意事项

1. 函数参数可以设置默认值，当函数调用时没有提供该参数时，它将使用默认值。
   
2. 如果传入的参数数量超过了函数定义的形参数量，那么超出的参数将被忽略。
   
3. JavaScript 中的函数是具有可变长度参数列表的，因此，我们可以使用 "arguments" 对象来处理不确定数量的参数。
   

四、总结

JavaScript 函数参数是开发工作中的重要组成部分，熟练掌握函数参数的使用方法和传递方式可以帮助您更好地编写代码，并且增强程序的灵活性和可维护性。在实际工作中，需要仔细考虑函数参数的设计和传递方式，以确保程序的正确性和性能。