Classes
- Encapsulation of variables and functions called as Class.
- We Can Create the Class by using "class" keyword.
- we can declare constructor by using "constructor" keyword.
- we can create the objects to the class by using "new" keyword.
Ex_1:Create the class by using following name
@class_one
declare the following private variables
@sub_one - Angular6
@sub_two - NodeJS
@sub_three - MongoDB
declare the following public functions
@getSubOne() -- return "sub_one"
@getSubTwo() -- return "sub_two"
@getSubThree() -- return "sub_three"
initialize the variables by using constructor.
Ans:
Open Visual Code and Create one project with name Classes and create one type script class with name "classes" as screen short.
-->classes.ts
class class_one{
private sub_one:string;
private sub_two:string;
private sub_three:string;
constructor(){
this.sub_one = "Angular6";
this.sub_two = "NodeJS";
this.sub_three = "MongoDB";
}
public getSubOne():string{
return this.sub_one;
}
public getSubTwo():string{
return this.sub_two;
}
public getSubThree():string{
return this.sub_three;
}
}
var obj:class_one = new class_one();
document.write( obj.getSubOne()+"...."+
obj.getSubTwo()+"...."+
obj.getSubThree());Create one html with name index.html
<!DOCTYPE html>
<html>
<script src="classes.js"></script>
</html>
To compile typescript file we will use tsc in terminal in VS Code.
> tsc classes.ts
After compiling it will be generated one classes.js file as below:
class class_one{
private sub_one:string;
private sub_two:string;
private sub_three:string;
constructor(){
this.sub_one = "Angular6";
this.sub_two = "NodeJS";
this.sub_three = "MongoDB";
}
public getSubOne():string{
return this.sub_one;
}
public getSubTwo():string{
return this.sub_two;
}
public getSubThree():string{
return this.sub_three;
}
}
var obj:class_one = new class_one();
document.write( obj.getSubOne()+"...."+
obj.getSubTwo()+"...."+
obj.getSubThree());
No comments:
Post a Comment