What is the difference between nullish coalescing and ternary operators in TypeScript?

Can you explain the difference between nullish coalescing and the ternary operator in TypeScript?

Sure! The nullish coalescing operator (??) returns the right-hand operand when the left-hand operand is null or undefined, while the ternary operator (condition ? expr1 : expr2) evaluates a condition and returns one of two values based on whether the condition is true or false.

Can you give me an example of both operators in action?

Of course! For nullish coalescing: const value = userInput ?? 'default'; This assigns 'default' if userInput is null or undefined. For the ternary operator: const message = isLoggedIn ? 'Welcome!' : 'Please log in.' This returns 'Welcome!' if isLoggedIn is true.

When should I use one over the other?

Use nullish coalescing when you want to provide a default value for null or undefined. Use the ternary operator for conditional logic where you need to choose between two values based on a boolean condition.