Add typescript classes guide. (#26244)
* Add typescript classes guide. * Fixed misspelled word. * Made changes according to review comments * Added output and rephrased sentence
This commit is contained in:
committed by
Manish Giri
parent
b12b2ce6e7
commit
3c8d1e4301
42
guide/english/typescript/classes/index.md
Normal file
42
guide/english/typescript/classes/index.md
Normal file
@ -0,0 +1,42 @@
|
||||
---
|
||||
title: Classes
|
||||
---
|
||||
|
||||
# Classes
|
||||
|
||||
Object Oriented Programming is an important programming principle, especially where a lot of code is written. By structuring the code in classes and objects, it makes the code easier to understand.
|
||||
Class is one of the paradigm of `OOP`.
|
||||
|
||||
TypeScript uses the `class` keyword to create a class, like so -
|
||||
|
||||
```typescript
|
||||
class <class_name> {
|
||||
// Fields
|
||||
|
||||
// Constructors
|
||||
|
||||
// Functions
|
||||
}
|
||||
```
|
||||
Class can embrace fields, constructors and functions in it.
|
||||
|
||||
```typescript
|
||||
class Pet {
|
||||
name:string;
|
||||
|
||||
constructor(name:string) {
|
||||
this.name = name;
|
||||
}
|
||||
|
||||
function show():void {
|
||||
console.log("Pet name is : " + this.name);
|
||||
}
|
||||
}
|
||||
```
|
||||
To access the attributes of class `Pet`, It needs to create an instance of the class like under the hood -
|
||||
|
||||
```typescript
|
||||
let pet = new Pet('Bruno');
|
||||
|
||||
pet.show(); // Pet name is: Bruno
|
||||
```
|
Reference in New Issue
Block a user