如何在已有可选参数的JS构造函数中新增可选参数且无需重构调用

要同时兼容现有调用方式，又能便捷新增可选参数code，可以通过判断构造函数第一个参数的类型实现逻辑分支，具体代码如下：

class MyError extends Error {
    constructor(arg = "default message") {
        // 区分参数类型：对象则解构，否则作为message参数
        const config = typeof arg === 'object' && arg !== null 
            ? arg 
            : { message: arg };
        
        // 应用默认值
        const { message = "default message", code = 500 } = config;
        
        super(message);
        this.code = code;
    }
}

支持的调用场景 #

所有旧调用无需修改即可正常工作，同时新增灵活的参数传递方式：

• 旧调用1：throw new MyError() → message为默认值，code=500
• 旧调用2：throw new MyError("自定义错误信息") → message为传入字符串，code=500
• 新调用1：throw new MyError({ code: 400 }) → message用默认值，code=400
• 新调用2：throw new MyError({ message: "资源不存在", code: 404 }) → 自定义message和code

方案优势 #

1. 完全兼容现有代码：所有历史调用逻辑保持不变，无需批量修改
2. 参数传递更直观：新增参数通过对象命名传递，避免undefined占位的冗余写法
3. 扩展性强：后续若需新增其他可选参数，只需在解构时添加对应字段和默认值即可

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