Most likely he has a custom Live Template configured that expands fun with Tab into:

function () {
}

The template may look like this:

function () {
  
}

Where stands for the final cursor position after expanding.

Answer from CrazyCoder on Stack Overflow
🌐
JetBrains
jetbrains.com › guide › javascript › tips › create-arrow-function
Create Arrow Functions in One Click - JetBrains Guide
July 17, 2024 - Arrow functions? Yes, please! Press ⌥⏎ (macOS) / Alt+Enter (Windows/Linux) to convert a function to an arrow function. ... Use Postfix Completion to quickly add console.log. ... WebStorm can help you add a new dependency right when you need it.
Discussions

How can I move forward or backwards in IntelliJ more efficiently?
If you have a reduced keyboard, learn vim. IntelliJ vim emulator is awesome. Learn your marks, registers and macros and you will boost your productivity. There's a learning curve, but it definitely worth the time. Edit. Spelling More on reddit.com
🌐 r/IntelliJIDEA
20
30
November 27, 2020
Moving from Webstorm. Two features I miss (maybe there's a setting that can help?).
I miss the .log trick too. Am using a snippet instead More on reddit.com
🌐 r/vscode
23
31
April 15, 2020
🌐
JetBrains
jetbrains.com › webstorm › guide › tips › create-arrow-function
Create Arrow Functions in One Click - WebStorm Guide
February 17, 2023 - Arrow functions? Yes, please! Press ⌥⏎ (macOS) / Alt+Enter (Windows/Linux) to convert a function to an arrow function. ... Use Postfix Completion to quickly add console.log. ... WebStorm can help you add a new dependency right when you need it.
🌐
Darek Kay
darekkay.com › blog › webstorm-convert-to-arrow-function
Convert to arrow function in WebStorm - Darek Kay
June 19, 2019 - Configure an intention action using Structural Search and Replace to transform JavaScript functions into arrow functions.
🌐
Masteringphpstorm
masteringphpstorm.com › tips-and-tricks-convert-to-arrow-functions
PhpStorm Tips & Tricks #4 - Convert To Arrow Functions
You can easily convert functions to arrow functions by using the "show context action" (⌥ + enter) shortcut. My favorite aspect is that you do not need "use" anymore to pass variables to the function. Less code is good code 👌
🌐
YouTube
youtube.com › codeopstech
WebStorm Tips & Tricks #3: Refactor arrow, anonymous, and named functions automatically! - YouTube
With Alt + Enter, you can automatically convert arrow functions to anonymous functions, named functions! This video starts with an arrow function, automatica...
Published   March 12, 2020
Views   456
🌐
JetBrains
blog.jetbrains.com › webstorm › 2016 › 06 › webstorm-2016-2-eap-162-844
WebStorm 2016.2 EAP, 162.844: convert to arrow function, custom background | The WebStorm Blog
June 8, 2016 - You can also convert arrow function to a shorthand arrow function: We’d be very happy to hear your feedback on that! In the next WebStorm 2016.2 EAP builds we’re planning to highlight the code which can be converted and allow bulk fixes across the project files.
Find elsewhere
🌐
JetBrains
youtrack.jetbrains.com › issue › WEB-49120 › creating-arrow-function-could-be-a-bit-more-simplified
creating arrow function could be a bit more simplified
July 6, 2021 - {{ (>_<) }} This version of your browser is not supported. Try upgrading to the latest stable version. Something went seriously wrong
🌐
JetBrains
jetbrains.com › help › webstorm › mastering-keyboard-shortcuts.html
WebStorm keyboard shortcuts | WebStorm Documentation
September 11, 2025 - WebStorm detects the conflicts and notifies you with a popup message. To fix these conflicts, you can reassign or disable the conflicting shortcut as described in Conflicts with global OS shortcuts. The following table lists some of the most useful shortcuts to learn: To view the keymap configuration, open the Settings dialog Ctrl+Alt+S and select Keymap. Enable function keys and check for possible conflicts with global OS shortcuts.
🌐
JetBrains
blog.jetbrains.com › webstorm › 2015 › 06 › 10-webstorm-shortcuts-you-need-to-know
10 WebStorm Shortcuts You Need to Know | The WebStorm Blog
September 24, 2024 - Whenever you see a squiggly line in your code or whenever WebStorm displays a light bulb in the editor, you can click on that light bulb or place the caret on your code and press ⌥↵ / Alt+Enter – the IDE will provide you with a list of ...
🌐
Twitter
twitter.com › webstormide › status › 1172504452776906752
Twitter
September 13, 2019 - JavaScript is not available · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our Help Center · Help Center · Terms of Service Privacy Policy ...
🌐
GitHub
github.com › postalservice14 › vuejs-plugin › issues › 4
ES6 Fat Arrow Functions · Issue #4 · postalservice14/vuejs-plugin
April 20, 2016 - We do have a good number of components in style of <script> only and by habit after each edit, I format the code by shortcuts that if I have ES6 syntax (fat arrow) it would reformat it to something wrong! Is there any workaround without adding text/babel? ... Same question for template - is there any way to make phpStorm recognize arrow functions within template html tags?
🌐
Twitter
twitter.com › WebStormIDE › status › 1278336464548515842
Jul 1, 2020
JavaScript is not available · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our Help Center · Help Center · Terms of Service Privacy Policy ...
🌐
Dave Stewart
davestewart.co.uk › blog › webstorm-shortcuts
WebStorm shortcuts for lightning productivity | Dave Stewart
April 21, 2022 - There are two main ways to change or add your own shortcuts. ... For touchbar Macs, unfortunately it's impossible to use the F-keys mentioned above, so instead you can configure touchbar icons and use the touchbar instead. ... Thanks to Iconscout for their excellent free icons got me started with this. ... Because of – I'd call it a bug – in WebStorm, if you use the Node Debugger, the debugger touchbar overrides the default touchbar, hiding the project shortcuts.
🌐
JetBrains
youtrack.jetbrains.com › issue › WEB-49120
Jetbrains
January 14, 2021 - {{ (>_<) }} This version of your browser is not supported. Try upgrading to the latest stable version. Something went seriously wrong
🌐
Medium
medium.com › @drapegnik › useful-javascript-react-live-templates-for-webstorm-8a6c70aee207
Useful Javascript & React live-templates for WebStorm | by Ivan Pazhitnykh | Medium
August 9, 2017 - ES6 reduce function · $ARRAY$.reduce(($ACC$, $CUR$) => $END$); > => ES6 arrow function · const $NAME$ = ($PARAMS$) => { return $END$; }; > for · Iterate elements of an array · for (let $INDEX$ = 0; $INDEX$ < $ARRAY$.length; $INDEX$++) { let $VAR$ = $ARRAY$[$INDEX$]; $END$ } > rfor ·
🌐
JetBrains
jetbrains.com › guide › javascript › tips › explore-shortcuts-with-keymap
Explore Shortcuts the Easy Way - JetBrains Guide
February 17, 2023 - Press ⌘⇧A (macOS) / Ctrl+Shift+A (Windows/Linux), search for an action, then you'll see the name of the action and its shortcut if it exists. ... Navigation Bar - All the power!