TypeScript Strong Typing Examples in Angular Components

📚 Quick Study Guide

• 🔍 TypeScript enhances JavaScript by adding static typing.
• 💡 Strong typing catches errors during development, not runtime.
• 📝 Angular components benefit from strong typing for data integrity.
• 🧮 Type annotations use a colon (`:`) after a variable name (e.g., `name: string`).
• 🔗 Common types include `string`, `number`, `boolean`, `any`, and custom interfaces/classes.
• 🛡️ Interfaces define the structure of objects.
• 🚀 Using types improves code readability and maintainability.

Practice Quiz

1. Which of the following is the correct way to declare a string variable with strong typing in TypeScript?
   1. string name = "John";
   2. let name: string = "John";
   3. name string = "John";
   4. let name = "John": string;
2. What is the purpose of strong typing in TypeScript?
   1. To make the code run faster.
   2. To catch type-related errors at compile time.
   3. To allow any type of data to be assigned to a variable.
   4. To automatically fix errors in the code.
3. How do you define the structure of an object in TypeScript?
   1. Using a `type` keyword.
   2. Using an `interface`.
   3. Using a `class`.
   4. All of the above.
4. What happens if you try to assign a number to a variable declared as a string in TypeScript?
   1. The code will automatically convert the number to a string.
   2. The TypeScript compiler will throw an error.
   3. The code will run without any issues.
   4. The number will be rounded to the nearest integer.
5. Which type should you use when you don't know the type of a variable?
   1. void
   2. unknown
   3. any
   4. never
6. What is the benefit of using strong typing in Angular components?
   1. It makes the components look more visually appealing.
   2. It improves code readability and maintainability.
   3. It reduces the size of the component files.
   4. It automatically generates unit tests.
7. How can you define a function that accepts only numbers as arguments in TypeScript?
   1. function add(a: number, b: number) { ... }
   2. function add(a, b: number) { ... }
   3. function add(a: any, b: any) { ... }
   4. function add(a: string, b: string) { ... }