Scribd
Upload
3 views4 pages

Day13 TypeScript+Objects

The document explains TypeScript objects as collections of key-value pairs, including properties and methods that represent real-world entities. It outlines various methods for creating objects in TypeScript/JavaScript, such as using object types, inline type objects, type aliases, and classes, each with its own advantages and use cases. A summary table is provided to compare the approaches based on TypeScript support, reusability, and recommended scenarios.

Uploaded by

santhos13.asokan
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views4 pages

Day13 TypeScript+Objects

The document explains TypeScript objects as collections of key-value pairs, including properties and methods that represent real-world entities. It outlines various methods for creating objects in TypeScript/JavaScript, such as using object types, inline type objects, type aliases, and classes, each with its own advantages and use cases. A summary table is provided to compare the approaches based on TypeScript support, reusability, and recommended scenarios.

Uploaded by

santhos13.asokan
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

TypeScript objects

What is an Object?
An object is a collection of key-value pairs.
It contains:
• Properties (variables) – e.g., name, age, salary
• Methods (functions) – e.g., getDetails(), setDetails()
Objects represent real-world entities like Employee, Student, Product, etc.

Example: Employee
let employee = {
name: "John",
salary: 50000,
job: "Engineer",
getDetails: function () {
return `${[Link]} is a ${[Link]} earning ${[Link]}`;
}
};
Accessing properties:
• Dot notation → [Link]
• Bracket notation → employee["name"]
Modifying:
[Link] = "Manager";

Different Ways to Create Objects in TS/JS


1. Using object type (JS/TS)
2. Inline Type Object (TS)
3. Using type aliases (TS)
4. Using Classes (JS/TS)

[Link] [Link]
1. Using object type (JS/TS)
Basic way without strict typing:
let employee: object = {
name: "John",
age: 30,
job: "Engineer"
};
But we can’t access properties directly unless we define the structure or use any.

2. Inline Type Object (TS)


Here, we define the structure while creating the object.
let student: {
name: string;
age: number;
grade: string;
getSummary: () => string;
}={
name: "Scott",
age: 15,
grade: "A",
getSummary: function () {
return `${[Link]} is ${[Link]} years old and scored grade ${[Link]}`;
}
};

Limitation: Need to repeat the type structure for each object.

[Link] [Link]
3. Using type aliases (TS)
Reusable type definitions.
type Product = {
name: string;
price: number;
getInfo: () => string;
};
Then use it for multiple objects:
let book1: Product = { ... };
let book2: Product = { ... };

Cleaner and avoids repetition.

Intersection Types:
Combining multiple types:
type Candidate = Personal & Contact & {
getContactInfo: () => string;
};

4. Using Classes (JS/TS)


Blueprint for creating multiple objects with same structure and behavior.
class Person {
constructor(public ssn: string, public firstName: string, public lastName: string) {}
getFullName(): string {
return `${[Link]} ${[Link]}`;
}
getDetails(): string {
return `SSN: ${[Link]}, Name: ${[Link]()}`;
}
}

[Link] [Link]
Create object:
let person1 = new Person("123", "John", "Doe");

Summary Table
APPROACH TYPESCRIPT SUPPORT REUSABILITY RECOMMENDED FOR

OBJECT TYPE Basic Small, quick objects

INLINE TYPE Strong One-time objects

TYPE ALIASES Reusable object types

CLASSES Object-oriented designs

[Link] [Link]

You might also like