TypeScript类

javascript提供构造函数和原型的方式来构造复用组件; TypeScript提供类的概念;共同点都要实例化;

类的定义

class类名{

   name:string;//定义类的属性

   fun(){//定义了一个无返回值的方法

          //定义该方法所要实现的功能

     }

    say():string{//定义返回值类型为string的方法

              //定义该方法所要实现的功能

            return"返回值";// 用return关键字返回函数值

   }

}

TypeScript可以使用“static” 关键字标注类的成员: 关键字  static

classcalc{

static count=10;

add(data1:number):number{

varsum=calc.count+data1;

returnsum;

}

}

var test=newcalc();

document.write(test.add(20));//30

类成员的静态属性我们可以直接调用,调用方式为如上例的count的调用方式:calc.count。而不能用this.count在类的内部使用。

构造函数:是一种特殊的方法。主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。而TypeScript的构造函数用关键字constructor来实现。可以通过this(和java/C#一样代表对象实例的成员访问)关键字来访问当前类体中的属性和方法。

classstudent{//定义student类

name:string;//定义类的属性

constructor(myname:string){//定义构造函数

this.name=myname;

}

study(){//定义类的方法

//定义该方法所要实现的功能

}

}

类的实例化:一般情况下,创建一个类后并不能直接的对属性和方法进行引用,必须对类进行实例化,即创建一个对象。TypeScript中用new关键字创建对象。实例化后通过“.”来访问属性和方法

class student{//定义student类

 name:string;//定义类的属性

 constructor(myname:string){//定义带参数的构造函数

 this.name=myname;

 }

study(){//定义类的方法

 document.write("My name is "+this.name+".");

}

 write():string{

 return"write name:"+this.name;

 }

}

vars1=newstudent("Jim");

document.write(""+s1.name+"");//获取name属性

s1.study();// 调用study方法

document.write(""+s1.write()+"");

继承:TypeScript中用关键字extends指明继承关系。例如,已经定义了类A,如果让类B继承A,我们把A叫做基类,B叫子类。在子类中调用基类中的属性与方法就要使用super关键字。

classAnimal{//定义基类

name:string;

constructor(theName:string){this.name=theName;}

move(meters:number){

document.write(this.name+" moved "+meters+"m.");

}

}

classSnakeextendsAnimal{//继承基类

constructor(name:string){

super(name);//调用基本类的构造函数

}

move(){//重写了基类的方法

 document.write("Slithering...");

  super.move(5);//调用基类的方法

}

}

varsam=newSnake("Python");//声明Snake类

sam.move();

在TypeScript中我们采用“extends”关键字来表示类的继承关系。在这里你可以看见“Snake”继承“Animal”的子类实现。在实例中也展示如何去重写父类的方法,在这里“Snake”创建了一个“move”方法来重写父类“Animal”的“move”方法,并通过“super”关键字来调用父类的方法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,793评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,567评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,342评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,825评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,814评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,680评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,033评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,687评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,175评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,668评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,775评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,419评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,020评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,206评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,092评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,510评论 2 343

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,597评论 18 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,577评论 18 399
  • 目前前端发展得百花齐放、技术日新月异,就连各种编辑器也好用到匪夷所思,又层出不穷。近两年来,我从Sublime T...
    凉风有兴阅读 6,498评论 3 26
  • 继承和多态 之前的JavaScript是基于原型(prototype)继承来实现可复用的“类”,而TypeScri...
    河的左岸阅读 299评论 0 2
  • 布局优化 include 标签 比如导航栏merge 标签 减少布局的层级viewstub 继承view 本身不...
    Mr_不靠谱_先森阅读 129评论 0 0