如何為 JavaScript 對象定義選項？

Question

我有需要 JS 對象作為參數之一的函數。 我想做的是定義可以在該對象內部傳遞的選項。 讓我用一個例子來解釋一下我的意思我們都熟悉 js 中的 fetch()。 在 vscode 中，每當我們嘗試傳遞對象時，它都會使用可以傳遞的選項自動完成，如下面的代碼

fetch(url, {

})

當我在 {} 中輸入 say m 時，它建議所有可用的選項都以字母 m（方法）開頭，當按下回車鍵時，我們會得到類似method: "GET"

我想用我的功能實現類似的功能。

我不知道我應該尋找什么來獲得我的解決方案，所以我只對谷歌上最接近的查詢進行了一些研究，但我沒有得到任何解決這個特定問題的方法。

只是一個提示或方向就可以了

Answer 1

這是您的編輯在努力工作的智能感知。 如果您想實現相同的目標，只需立即解構您期望作為參數的對象。

嘗試調用這個函數，給它一個對象作為參數並輸入字母n 。 你花哨的 shmancy 編輯器會建議number1和number2

const myFunction = ({ number1, number2 }) => {
    return number1 + number2;
};

您也可以通過使用 TypeScript 來執行此操作而無需立即解構（並確保您的編輯器支持 TypeScript - 如果您使用的是 VSCode，那么它會支持）：

interface Options {
    number1: number;
    number2: number;
}

const myFunction = (options: Options) => {
    return options.number1 + options.number2;
};