typeScript的主要问题概念
来源:互联网 发布:rs232数据帧格式 编辑:程序博客网 时间:2024/05/22 15:59
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) //输出:27,任意值类型(any) 例: let x:any;8,null 和 undefined: 例:let z: number|null|undefined9,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、抽象类中,且不包含任何实现,派生类必须覆盖它们。接口中所有方法都必须是未实现的。
当你关注一个事物的本质的时候,用抽象类;当你关注一个操作的时候,用接口。
- typeScript的主要问题概念
- 数据结构的主要概念
- WebService涉及的主要概念
- 面向对象的主要概念
- ADC的主要相关概念
- NFV主要概念的术语
- 线程的几个主要概念
- TypeScript版本总是显示1.0的问题
- TypeScript 版本总是 1.0.0.0的问题
- 合伙人的主要问题
- AOP的主要概念和术语
- PowerVM 的主要组成部分及概念
- LCD显示的主要相关概念
- 【1】文本挖掘的主要概念
- Elasticsearch 的基本概念和主要概念
- AOP的主要概念和术语
- TypeScript开发ReactNative之fetch函数的提示问题
- 搜索引擎面对的主要问题
- Node.js + Web Socket 打造即时聊天程序嗨聊
- 线程池实现
- 企业级分布式存储应用-mogilefs
- maven plugin实现方式
- 一周开发的成果,你说牛不牛,点个赞吧
- typeScript的主要问题概念
- table动态修改表格内容
- OpenStack keystone详解及调优
- SpringMVC在使用Jackson2时关于日期类型格式化的问题
- bzoj 2844: albus就是要第一个出场(线性基)
- unity 背景根据按钮数量变化
- Thinking
- C-基础知识回顾
- 数百种编程语言,而我为什么要学 Python?