Learn Intermediate OOP by Building a Platformer Game - Step 109

JavaScript
1

Tell us what’s happening:

I’m just confused with the use of parentheses for the body of callback function instead of curly bracket. Anyone have explanation?

Your code so far

<!-- file: index.html -->


/* file: styles.css */


/* file: script.js */
// User Editable Region

const showCheckpointScreen = (msg) => {
  checkpointScreen.style.display = "block";
  checkpointMessage.textContent = msg;
  if (isCheckpointCollisionDetectionActive) {
    setTimeout(() => (checkpointScreen.style.display = "none"), 2000);
  }                  ^                                       ^
};

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Learn Intermediate OOP by Building a Platformer Game - Step 109

2

Hey @zidanefirdaus11

Generally, the curly brackets are used to define a block of code:
() => {...}
In this case, the code block can be called a function body.

the parentheses are used more to facilitate the reading of the code, instruct a specific sequence of operations (like algebra) but also as shortcuts for example to return objects in an arrow function:

() => {
   return { name : 'Amanda' }
}

does the same as:

() => ({ name: 'Amanda' })  // Shorthand to return an object
1 Like