JavaScript如何给方法传递参数？解决checkMessages双参调用报错问题

JavaScript 不支持调用函数时使用「参数名=值」的显式指定参数写法（这是Python等其他语言的语法特性）。你代码中checkMessages(..., isActive=true)的写法会被JS解析为：先为已声明的变量isActive赋值为true，再把该值作为第二个参数传入函数。由于你没有提前声明isActive变量，因此会抛出isActive is not defined的错误。

方案1：直接传参（无需修改原函数定义，最快修复） #

函数参数是按声明顺序匹配的，checkMessages的第二个参数就是isActive，直接传入布尔值true即可：

checkMessages([
    `some message ${item1.name}were added`,
], true);

如果需要兼容只传1个参数的场景，建议给原函数的参数加默认值，避免不传时isActive为undefined导致逻辑异常：

// 给isActive设置默认值为false，不传第二个参数时自动取默认值
const checkMessages = (messages, isActive = false) => {
  // 原有逻辑不变
}

方案2：改为对象解构传参（更易维护，避免参数顺序混淆） #

如果想要在调用时明确标注参数含义、不依赖参数顺序，可以把函数入参改为对象解构形式：

// 重构函数定义，使用对象解构，同时设置默认值
const checkMessages = ({ messages, isActive = false }) => {
    cy.logout();
    changeUser(someuser);

    if (isActive) {
        cy.getByTestId('toggle').click();
        messages.forEach(message =>
            cy.get('textarea[id="description"]').type(message)
        );
    }

    messages.forEach(message =>
        cy.getTableRow('Description', message)
    );
}

对应的调用写法：

// 仅传messages的调用
checkMessages({
  messages: [
    `some message ${item1.name}were added`,
    `some message ${item2.name} were added`,
  ]
});

// 传两个参数的调用
checkMessages({
  messages: [
    `some message ${item1.name}were added`,
  ],
  isActive: true
});

内容的提问来源于stack exchange，提问作者stackuser