1.typescript_configure_and_setups
1<head>
<script src="demo.ts"></script>
</head>
<body>
</body>
=>demo.ts
window.alert("hello");
->C:\Users\toufi>npm i -g typescript
->C:\Users\toufi>cd desktop
C:\Users\toufi\Desktop>cd demo
C:\Users\toufi\Desktop\demo>tsc demo.ts
C:\Users\toufi\Desktop\demo>
2.typescript_var_const_and_let
1.<body>
<script src="j.js"></script>
</body>
=>j.ts
var x="saurav";
x="wap";
alert(x);
2.<body>
<script src="j.js"></script>
</body>
=>j.ts
const x="saurav";
alert(x);
3.<body>
<script src="j.js"></script>
</body>
=>j.ts
if(10==10)
{
var x="saurav";
}
alert(x);
4.
<body>
<script src="j.js"></script>
</body>
=>j.ts
if(10==10)
{
let x="saurav";
alert(x);
}
3.typescript_intro_to_oops
1.
<body>
<script src="j.js"></script>
</body>
=>j.ts
class wap{
demo()
{
alert("testing");
}
}
var x=new wap()
x.demo();
4.typescript_oops_properties__methods_and_constructor
1.<head>
<script src="demo.ts"></script>
</head>
<body>
</body>
=>j.ts
class wap{
constructor()
{
alert("testing");
}
}
new wap();
=>j.ts
class wap{
constructor(x)
{
alert(x);
}
}
new wap("saurav");
=>j.ts
class wap{
constructor(x,y)
{
alert(x+y);
}
}
new wap(2,4);
=>j.ts
class wap{
data;
constructor()
{
this.data="saurav";
alert(this.data);
}
}
new wap();
=>j.ts
class wap{
data;
constructor(x,y)
{
this.data="saurav";
}
}
var x=new wap();
alert(x.data);
5.typescript_oops_multiple_classes_and_return
1.<head>
<script src="demo.ts"></script>
</head>
<body>
</body>
=>j.ts class wap{
data;
demo(){
this.data="saurav";
return this.data;
}
}
var x=new wap();
alert(x.demo());
=>j.ts
class one{
demo(){
document.write("testing");
}
}
class two{
data;
constructor(){
this.data=new one();
this.data.demo();
}
}
new two();
No comments:
Post a Comment