javascript - Snabbkommando för att extrahera lokal variabel i JS/TS i Visual Studio Code


Jag letar efter en genväg som finns i Eclipse och kallas "extract local variable". Den kommer att tilldela returvärdet av den valda funktionsanropet till en variabel:

Finns något liknande tillgängligt i VSC för Javascript och Typescript?

Svar #1

Du kan använda genvägen "Refaktorera..." Ctrl+Shift+R för att extrahera uttrycket till en konstant. Exempel:

function main(){
  return "foo".replace("o", "a")
}

Markera uttrycket "foo".replace("o", "a") eller hela raden → "Extrahera till konstant i omgivande scope", namnge det till test och funktionen kommer att refaktoreras till följande:

function main(){
  const test = "foo".replace("o", "a")
  return test
}

Det finns också kommandot "Snabbkorrigering" (Ctrl+.) för både korrigeringar och refaktoreringar.

Om du vill ha en extra genväg bara för denna åtgärd, definiera den manuellt i keybindings.json (dokumentation):

  {
    "key": "shift+ctrl+alt+r",
    "command": "editor.action.codeAction",
    "args": {
      "kind": "refactor.extract.constant"
    }
  }

Relaterade artiklar