TS最大的价值就是引入了接口,类,继承的编程思想。
一,接口分类:
1,属性类型接口
interface labelValue{
label:string;
}
//创建函数对接口进行调用
function printLabel(labelObj:labelValue){
console.log(labelObj.label);
}
//创建对象
var myObj={label:"come on"};
//调用函数
printLabel(myObj)
//可选属性类型接口
interface USB{
name?:string;
age?:number;
}
function printUSB(pu:USB){
console.log(pu.name);
console.log(pu.age);
}
var me={name:'jason'};
printUSB(me);
2,函数类型接口
interface SearchFun{
(source:string,subString:string):boolean;
}
var mySearch:SearchFun;
mySearch=function(src:string,sub:string){
var result=src.search(sub);
if(result!=-1){
return true;
}else{
return false;
}
}
3,可索引类型接口(即数组类型接口)
interface StringArray{
[index:number]:string;
}
var myArray:StringArray=['jason','john'];
console.log(myArray);
4,类类型接口
//子类实现接口
interface ClockInterface{
currentTime:Date;
setTime(day:Date);
}
class Clock implements ClockInterface{
currentTime:Date;
setTime(day:Date){
this.currentTime=day;
}
constructor(hour:number,minute:number){
}
}
5,接口扩展:
//接口的继承,与java不同的是可实现多继承,示例如下
interface Shape{
color:string;
}
interface PenStroke{
penWidth:number;
}
interface Square extends Shape,PenStroke{
sideLength:number;
}
var s=<Square>{}
s.color="blue";
s.penWidth=10;
s.sideLength=10;
//接口的混合类型特点,示例如下
interface Counter{
interval:number;
reset():void;
(start:number):string;
}
var c:Counter;
c.interval;
c.reset();
c(10);
二,TS基本类型
1,布尔类型(boolean ) 例:let flag: boolean = true;
2,数字类型(number ) 例:let years: number = 5;
3,字符串类型(string) 例:let words: string= "angular";
5,元组类型(tuple) 例: let x: [string,number];
x = ["angular",3];
console.log(x[0]) //输出:angular;
6,枚举类型(enum) 例:enum Color {Red,Green,Blue} ;
let c: Color = Color.Blue;
console.log(c) //输出:2
7,任意值类型(any) 例: let x:any;
8,null 和 undefined: 例:let z: number|null|undefined
9,void类型: 例:函数无返回值
10,never类型: 例: 其他类型 (包括null和undefined)代表从不会出现的值,
多用在抛出异常时候货无法执行到终点的(例如死循环)
三,声明方式和解构
声明方式:var let const
var有变量提升
let只在块级作用域内有效
const只在块级作用域内有效的常量
解构:ES6的一个重要特性,
数组解构:
let [ first,...rest] = [1,2,3,4];
console.log(first); //输出:1
console.log(rest);//输出:[2,3,4]
对象解构:
let test = {x:0,y:10,width:15,height:30};
let {x,y,width,height} = test;
console.log(x,y,width,height) //输出: 0,10,15,30
四,TS装饰器:
1,方法装饰器:
2,类装饰器:
3,参数装饰器:
4,属性装饰器:
五,接口和抽象类有什么区别:
接口更注重功能的设计,抽象类更注重结构内容的体现。
你选择使用接口和抽象类的依据是什么?
接口和抽象类的概念不一样。接口是对动作的抽象,抽象类是对根源的抽象。
抽象类表示的是,这个对象是什么。接口表示的是,这个对象能做什么。比如,男人,女人,这两个类(如果是类的话……),他们的抽象类是人。说明,他们都是人。
人可以吃东西,狗也可以吃东西,你可以把“吃东西”定义成一个接口,然后让这些类去实现它.
所以,在高级语言上,一个类只能继承一个类(抽象类)(正如人不可能同时是生物和非生物),但是可以实现多个接口(吃饭接口、走路接口)。
总结几句话来说:
1、抽象类和接口都不能直接实例化,如果要实例化,抽象类变量必须指向实现所有抽象方法的子类对象,接口变量必须指向实现所有接口方法的类对象。
2、抽象类要被子类继承,接口要被类实现。
3、接口只能做方法申明,抽象类中可以做方法申明,也可以做方法实现
4、接口里定义的变量只能是公共的静态的常量,抽象类中的变量是普通变量。
5、抽象类里的抽象方法必须全部被子类所实现,如果子类不能全部实现父类抽象方法,那么该子类只能是抽象类。同样,一个实现接口的时候,如不能全部实现接口方法,那么该类也只能为抽象类。
6、抽象方法只能申明,不能实现,接口是设计的结果 ,抽象类是重构的结果
7、抽象类里可以没有抽象方法
8、如果一个类里有抽象方法,那么这个类只能是抽象类
9、抽象方法要被实现,所以不能是静态的,也不能是私有的。
10、接口可继承接口,并可多继承接口,但类只能单根继承。
1.抽象类 和 接口 都是用来抽象具体对象的. 但是接口的抽象级别最高
2.抽象类可以有具体的方法 和属性, 接口只能有抽象方法和不可变常量
3.抽象类主要用来抽象类别,接口主要用来抽象功能.
4、抽象类中,且不包含任何实现,派生类必须覆盖它们。接口中所有方法都必须是未实现的。
当你关注一个事物的本质的时候,用抽象类;当你关注一个操作的时候,用接口。