JavaScript函数的参数解析与优点

JavaScript函数的参数解析：

JavaScript函数的参数可以分为两种：必填参数和可选参数。必填参数必须传入值，否则函数会报错；可选参数可以不传值，函数会使用默认值。

1. 必填参数

必填参数没有默认值，必须在调用函数时传入值。如果不传值，则函数会报错。

示例：

function sum(a, b) {
  if (a === undefined || b === undefined) {
    throw new Error('缺少参数');
  }
  return a + b;
}

sum(1, 2); // 3
sum(1); // 报错：缺少参数

1. 可选参数

可选参数有默认值，可以不传值。如果不传值，则函数会使用默认值。

示例：

function sayHello(name = 'World') {
  console.log(`Hello, ${name}!`);
}

sayHello(); // Hello, World!
sayHello('Tom'); // Hello, Tom!

JavaScript函数的优点：

1. 代码复用

函数可以将代码块封装起来，使其可以复用。当多个地方需要使用相同的代码时，只需要调用同一个函数即可。

1. 代码可读性

函数能够将复杂的代码块分解成小块，使得代码逻辑更加清晰，易于阅读和维护。

1. 避免代码重复

函数可以将相同的代码块封装成一个函数，使得代码不会出现冗余。

1. 函数可以作为参数传递

函数作为参数传递可以实现高阶函数的功能，这是一种非常强大的编程技巧。

1. 可以提高代码的可维

在JavaScript函数中，参数可以设置默认值，从而让它们成为可选项。当函数被调用时，如果没有为该参数传入任何值，则默认值将被使用。

下面是一个设置参数默认值的示例：

function greet(name = 'world') {
  console.log(`Hello, ${name}!`);
}

greet(); // 输出：Hello, world!
greet('Tom'); // 输出：Hello, Tom!

在上面的示例中，name 参数设置了默认值 'world'。当函数 greet 被调用时，如果没有传入任何参数，则 name 的默认值 'world' 将被使用。

如果函数的参数没有设置默认值，则在调用函数时必须传递该参数。如果未传递该参数，则函数将报错。

例如，下面的示例中，greet 函数的 name 参数未设置默认值：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet(); // 报错：Uncaught TypeError: Cannot read property 'toUpperCase' of undefined

在上面的示例中，当尝试调用函数 greet() 时，由于未传递参数，name 的值为 undefined，而在执行 console.log 时尝试将 name 变量转成大写，但是 undefined 不是一个对象，因此会报错。

因此，在定义函数时应该尽量使用默认值来让参数成为可选项，以避免可能发生的运行时错误。