JavaScript参数的基本规则是什么？

1. JavaScript参数的基本概念

在编程中，参数通常是指函数或方法接收的输入值。在JavaScript中，参数可以传递给函数或方法，以指定它们的操作和返回值的结果。参数是一种非常重要的编程概念，正确地使用参数可以很大程度上提高代码的灵活性和可维护性。

1.1 JavaScript中的参数类型

在JavaScript中，参数有两种类型：基本类型和引用类型。基本类型参数是值传递，引用类型参数是引用传递。这意味着基本类型参数的值会被复制到函数内部，而引用类型参数只是一个引用，指向同一个对象。

// 基本类型参数
function add(a, b) {
  return a + b;
}
var x = 5;
var y = 10;
var z = add(x, y);
console.log(z); // 15
// 引用类型参数
function changeName(obj) {
  obj.name = 'John';
}
var person = { name: 'Tom' };
changeName(person);
console.log(person.name); // John

1.2 JavaScript函数参数的默认值

从ES6开始，JavaScript支持函数参数的默认值。默认值可以在函数定义时指定，如果调用时没有传递该参数，则使用默认值。

function greet(name = 'World') {
  console.log('Hello, ' + name + '!');
}
greet(); // Hello, World!
greet('John'); // Hello, John!

2. JavaScript函数参数的数量

在JavaScript中，函数的参数数量可以是任意的。如果调用时传递的参数数量与定义时不匹配，则JavaScript会自动调整参数数量。如果传递的参数比定义时的少，则缺失的参数值会被默认设置为undefined。如果传递的参数比定义时的多，则多出来的参数会被忽略。

function add(a, b) {
  return a + b;
}
console.log(add());       // NaN
console.log(add(2));      // NaN
console.log(add(2, 3));   // 5
console.log(add(2, 3, 4));// 5

3. JavaScript函数参数的顺序

在JavaScript中，函数参数的顺序非常重要。它决定了函数的输入和输出。通常，函数参数的顺序应该从左到右，从最重要的到最不重要的。

function subtract(a, b) {
  return a - b;
}
var result = subtract(10, 2);
console.log(result); // 8

4. JavaScript函数参数的命名

在JavaScript中，函数参数的命名应该清晰、简洁，并且与函数的功能相符。函数参数名应该使用驼峰命名法，并且与函数体内使用的变量名保持一致，以便于代码的阅读和理解。

function calculateArea(width, height) {
  var area = width * height;
  return area;
}
var result = calculateArea(5, 10);
console.log(result); // 50

5. JavaScript函数参数的类型检查

在JavaScript中，函数参数的类型通常不会被强制检查。这意味着调用函数时可以传递任意类型的参数。如果需要确保函数的输入参数的类型是正确的，可以使用一些库或工具进行类型检查。

以下是一个使用TypeScript进行类型检查的示例：

function add(a: number, b: number) {
  return a + b;
}
console.log(add(5, 10));   // 15
console.log(add('5', '10'));// 编译错误

6. JavaScript函数参数的可变性

在JavaScript中，函数参数的可变性指的是函数能否修改调用它时传递的参数的值。如果函数能够修改参数的值，则该参数是可变的。如果函数不能够修改参数的值，则该参数是不可变的。在JavaScript中，基本类型参数是不可变的，而引用类型参数是可变的。

// 不可变性
function increment(num) {
  num = num + 1;
  return num;
}
var x = 5;
var y = increment(x);
console.log(x); // 5
console.log(y); // 6
// 可变性
function addItem(item, list) {
  list.push(item);
  return list;
}
var myArray = [1, 2, 3];
var newArray = addItem(4, myArray);
console.log(myArray); // [1, 2, 3, 4]
console.log(newArray); // [1, 2, 3, 4]

7. JavaScript函数参数的传递方式

在JavaScript中，函数参数的传递方式有两种：值传递和引用传递。值传递是指把参数的值复制到函数的参数变量中，而引用传递是指传递参数的引用地址。

// 值传递
function foo(a) {
  a = 5;
}
var x = 10;
foo(x);
console.log(x); // 10
// 引用传递
function bar(arr) {
  arr.push(4);
}
var myArr = [1, 2, 3];
bar(myArr);
console.log(myArr); // [1, 2, 3, 4]