IT源码网

typescript的入门讲解

itxm 2021年02月16日 编程语言 153 0

命令行使用tsc

1.安装typescript

npm install -g typescript

2.新建一个index.ts 输入export hello class{}

3.编译 tsc index.ts

4.查看编译后的文件

====================

在webstorm使用tsc

1.创建typescript文件
2.编写tsc代码
3.点右上角的配置
4.配置自动编译tsc文件即可


https://www.imooc.com/video/13522


====================

字符串特性

1.多行 用数字1旁的符号包裹字符串

var a=`asd
asd
asd
asd
asd
`
2.模板

var dss="123";
console.log(`${dss}`);

3.自动拆分字符串

=====================

参数类型

var s:string = "asd";
var s=123; 在tsc会报错


var s= "asd";
s=123; 也会报错

var s:any= "asd";
s=123; 不会报错

function s(a:string,v:boolean) :string{
return "";
} //返回值的参数

class Person{
name:string
}

====================

参数的默认参数

 

var s:string = "1";

function tes(a:string,b:string,c:string="jojo"){

}
tes("a","b");
默认值的必须声明在最后

=================


可选参数

var s:string = "1";

function tes(a:string,b?:string,c:string="jojo"){

}
tes("a");

可选参数必须是必选参数后面


=================

不限制参数

function test(...dss){

}
//可以传任意数量的参数

 

================

返回的参数直接赋值

function test(a,b,c){
return{
a:"1",
b:"2",
}
}
var {a,b}=test();

function test(a,b,c){
return{
a:"1",
b:"2",
c:{
a:1,
b:2
}
}
}
var {a,b,c:{c}}=test();

针对数组的赋值

var arr=[1,2,3];
var [a,b]=arr;

=================

箭头表达式


//函数
var sun = (a,v)=>{
return a+v;
}

================

 


======

泛型
class Person{}
var word :Array<Person>=[];

这个数组只能放person的对象

==========

接口

//声明接口

interface Iperson{
name:string;
age:number;
eat();
}

//实现接口
class Person implements Iperson{
name:string;
age:number;
eat(){

}
}


=============

模块

a.ts

export var pro1;
export function test1(){

}

b.ts

//模块

import {pro1, test1} from "./a";
console.log(pro1)

test1()
========================

https://github.com/DefinitelyTyped/DefinitelyTyped

加载其他文件 xxx.d.ts

========================

 

发布评论

分享到:

IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

h5滚动条加载到底部讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。