问：

背景

我正在创建一个处理 dom 操作的函数，例如创建元素、在元素上添加/设置一些属性以及将其附加到父级。我想使用命名参数，但从我的研究中我发现这个功能没有内置在 JS 中。这个堆栈溢出问题帮助我通过参数解构“模拟”命名参数，并且我能够让它成功工作：

const createElement = function createNewDomElement({
        parent, 
        tag,
        idName, 
        className,
        innerHTML,
        href
    }={}) {
    
    if (parent) {
        console.log(parent);  // Works
    }

}

Visual Studio Code 提供了一个提示，向我展示了哪些参数可用：

问题和尝试的解决方案

由于其中一些参数是必需的，其余参数是可选的，因此我希望将可选参数分离到函数参数对象中的单独对象中，而不会丢失显示哪些参数可用的 Visual Studio 提示。我试图用：

const createElement = function createNewDomElement({
        tag,
        options: {
            parent, 
            idName, 
            className,
            innerHTML,
            href
        }
    }={}) {
    
    if (options) {
        options.forEach(item => console.log(item));
    }

}

但是，当我尝试以与第一个示例中访问父参数相同的方式访问选项时，它说它未定义。

问题

有没有办法以维护显示哪些参数可用的 Visual Studio Code 提示的方式嵌套模拟的命名参数？

我也对有效的解决方案持开放态度，但我失去了提示。