Function Parameters
Function Parameters
Section titled “Function Parameters”Introduction
Section titled “Introduction”Destructuring in function parameters is a common pattern for handling options objects and extracting values cleanly.
Basic Usage
Section titled “Basic Usage”function greet({ name, age }) { return `${name} is ${age} years old`;}
greet({ name: 'Alice', age: 25 }); // 'Alice is 25 years old'With Defaults
Section titled “With Defaults”function createUser({ name, age = 18, role = 'user' } = {}) { return { name, age, role };}
createUser({ name: 'Alice' }); // { name: 'Alice', age: 18, role: 'user' }createUser(); // { name: undefined, age: 18, role: 'user' }Rest Parameters
Section titled “Rest Parameters”function logUser({ name, ...rest }) { console.log(name); // 'Alice' console.log(rest); // { age: 25, email: 'alice@email.com' }}Summary
Section titled “Summary”- Destructure in parameter list for clean API
- Provide defaults for optional parameters
- Use
= {}default for the whole parameter - Common in React props, API handlers, and configs