js函数的参数类型

在JavaScript中，函数参数的类型可以是多种多样的，这是因为JavaScript是一种动态类型语言。以下是一些关于JavaScript函数参数类型的基础概念：

基础概念

1. 基本类型：包括Number, String, Boolean, Null, Undefined, 和 Symbol（ES6新增）。
2. 引用类型：主要包括Object, Array, Function, Date, RegExp等。
3. rest参数：允许函数接受任意数量的参数，这些参数会被放入一个数组中。
4. 默认参数：允许在函数声明时为参数指定默认值。
5. 解构赋值：允许函数参数进行解构，可以是数组解构或对象解构。

相关优势

• 灵活性：JavaScript的动态类型系统使得函数可以接受不同类型的参数，增加了函数的通用性。
• 简洁性：通过使用rest参数和解构赋值，可以使函数定义更加简洁。

类型

• 基本类型参数：直接传递基本类型的值。
• 引用类型参数：传递对象的引用，函数内对对象的修改会影响到外部对象。
• 默认参数：在函数调用时如果没有提供相应的参数，将使用默认值。
• rest参数：使用...语法，可以接收任意数量的参数，这些参数会被放入一个数组中。
• 解构参数：可以是数组解构或对象解构，使得函数参数更加结构化。

应用场景

• 默认参数：适用于函数需要某些参数但调用者可能不总是提供的情况。
• rest参数：适用于函数需要处理不确定数量参数的情况，如日志记录函数。
• 解构参数：适用于函数需要从对象或数组中提取特定值的情况，使代码更加清晰。

遇到的问题及解决方法

问题1：函数参数类型不一致导致的错误

原因：由于JavaScript的动态类型特性，函数可能会接收到预期之外的参数类型，导致运行时错误。

解决方法：使用类型检查（如typeof操作符）或类型断言（如TypeScript）来确保参数类型正确。

function exampleFunc(param) {
    if (typeof param !== 'number') {
        throw new TypeError('参数必须是数字');
    }
    // 函数逻辑
}

问题2：默认参数不生效

原因：可能是由于参数的默认值设置不正确或者在函数体内对参数重新赋值。

解决方法：确保默认参数在函数声明时正确设置，并且在函数体内不对参数进行不必要的重新赋值。

function exampleFunc(param = 'default') {
    // 不要在这里重新赋值param，除非有必要
    console.log(param);
}

问题3：rest参数使用不当

原因：可能是由于rest参数的位置不正确或者是与其他参数混合使用时出现问题。

解决方法：确保rest参数是函数参数列表中的最后一个参数，并且正确地使用数组语法来处理这些参数。

function exampleFunc(...args) {
    args.forEach(arg => console.log(arg));
}

通过了解这些基础概念和解决方法，可以更好地利用JavaScript函数参数的灵活性，编写出更加健壮和可维护的代码。