typeScript的主要问题概念

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiagh/article/details/78654674

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,属性装饰器:

五,接口和抽象类有什么区别:

接口更注重功能的设计,抽象类更注重结构内容的体现。

你选择使用接口和抽象类的依据是什么?
接口和抽象类的概念不一样。接口是对动作的抽象,抽象类是对根源的抽象。

扫描二维码关注公众号,回复: 4100210 查看本文章

抽象类表示的是,这个对象是什么。接口表示的是,这个对象能做什么。比如,男人,女人,这两个类(如果是类的话……),他们的抽象类是人。说明,他们都是人。

人可以吃东西,狗也可以吃东西,你可以把“吃东西”定义成一个接口,然后让这些类去实现它.

所以,在高级语言上,一个类只能继承一个类(抽象类)(正如人不可能同时是生物和非生物),但是可以实现多个接口(吃饭接口、走路接口)。

总结几句话来说:

1、抽象类和接口都不能直接实例化,如果要实例化,抽象类变量必须指向实现所有抽象方法的子类对象,接口变量必须指向实现所有接口方法的类对象。

2、抽象类要被子类继承,接口要被类实现。

3、接口只能做方法申明,抽象类中可以做方法申明,也可以做方法实现

4、接口里定义的变量只能是公共的静态的常量,抽象类中的变量是普通变量。

5、抽象类里的抽象方法必须全部被子类所实现,如果子类不能全部实现父类抽象方法,那么该子类只能是抽象类。同样,一个实现接口的时候,如不能全部实现接口方法,那么该类也只能为抽象类。

6、抽象方法只能申明,不能实现,接口是设计的结果 ,抽象类是重构的结果

7、抽象类里可以没有抽象方法

8、如果一个类里有抽象方法,那么这个类只能是抽象类

9、抽象方法要被实现,所以不能是静态的,也不能是私有的。

10、接口可继承接口,并可多继承接口,但类只能单根继承。

1.抽象类 和 接口 都是用来抽象具体对象的. 但是接口的抽象级别最高
2.抽象类可以有具体的方法 和属性, 接口只能有抽象方法和不可变常量
3.抽象类主要用来抽象类别,接口主要用来抽象功能.
4、抽象类中,且不包含任何实现,派生类必须覆盖它们。接口中所有方法都必须是未实现的。

当你关注一个事物的本质的时候,用抽象类;当你关注一个操作的时候,用接口。

猜你喜欢

转载自blog.csdn.net/xiagh/article/details/78654674