Advanced Syntax Highlighting

"color: ">#6b7280;">// Modern JavaScript "color: #c084fc;">with ES6+ features
"color: #c084fc;">const fetchUserData = "color: #c084fc;">async (userId) => {
  "color: #c084fc;">try {
    "color: #c084fc;">const response = "color: #c084fc;">await fetch(`/api/users/${userId}`);
    "color: #c084fc;">const userData = "color: #c084fc;">await response.json();
    
    "color: #c084fc;">return userData.map(user => ({
      id: user.id,
      name: user.fullName,
      email: user.email,
      isActive: user.status === 'active'
    }));
  } "color: #c084fc;">catch (error) {
    console.error('Failed to fetch user data:', error);
    throw new Error('User data retrieval failed');
  }
};

"color: ">#6b7280;">// Arrow "color: #c084fc;">function "color: #c084fc;">with destructuring
"color: #c084fc;">const processUser = ({ name, email, ...rest }) => {
  "color: #c084fc;">return {
    displayName: name.toUpperC"color: #c084fc;">ase(),
    contact: email.toLowerC"color: #c084fc;">ase(),
    ...rest
  };
};