当前位置: 首页 > news >正文

香港MB网站新闻最新消息今天

香港MB网站,新闻最新消息今天,天元建设集团有限公司招聘信息,信息发布网站模板下载主要记录ts中的类、接口与泛型 1.类 无论是在哪种语言中,类都是面向对象编程(OOP)的一个主要实现方式。能够实现代码更加灵活,更具有结构化。类作用都是提供一个模板,通过类可以创建多个具有相同结构的对象。 // 类的定义,与对象…

主要记录ts中的类、接口与泛型

1.类

无论是在哪种语言中,类都是面向对象编程(OOP)的一个主要实现方式。能够实现代码更加灵活,更具有结构化。类作用都是提供一个模板,通过类可以创建多个具有相同结构的对象。

// 类的定义,与对象的声明
class Student {id: stringname: stringage: numberconstructor(id:string, name:string, age:number) { // 构造器this.id = idthis.name = namethis.age = age}speak() {console.log('I am a student, my name is' + this.name);}
}
let stu1 = new Student('0001','小王', 18)
let stu2 = new Student('0002','小刘', 19)
let stu3 = new Student('0003','小李', 20)
  • 类的继承
// 类的继承
class SeniorStudent extends Student { // 继承父类grade:stringconstructor(id:string, name:string, age:number,grade:string) {super(id, name, age) // 通过super把父类需要的参数传入this.grade = grade}override speak(): void { // 重写speak方法console.log('I am a senior student, I am '+ this.name + ', i am in grade '+this.grade);}
}
let sen1 = new SeniorStudent('0007', '小L', 18, '高三')
sen1.speak() // I am a senior student, I am 小L, i am in grade 高三
  • 类属性的修饰符

    • public:使用public修饰的成员属性或者成员方法既能在自身类中和子类调用也能在类外部调用;
    • private:使用private修饰的成员属性或者成员方法只能在自身类中调用;
    • protected:使用protect修饰的成员属性或者成员方法只能在自身类中和子类调用,不能在类外部调用;
    • readonly:使用readonly修饰的成员属性无法修改。
  • 抽象类和抽象方法

抽象类用abstract来修饰。抽象类的作用是为派生类提供一个基础结构,抽象类可以被继承不能被实例化。抽象类中的方法可以是抽象方法(用abstract修饰),也可以是普通方法。其中的抽象方法一定要被派生类实现。

// 抽象类
abstract class Cup{shape: string;price: number;private readonly resource: stringconstructor(shape:string, price:number, resource:string) {this.shape = shapethis.price = pricethis.resource = resource}getInfo() {console.log('Infos: shape is ' + this.shape+ 'resource is ' + this.resource + 'price is ' + this.price );}abstract changePrice(val:number): void //抽象函数不能够实现具体功能,只能声明参数你返回值
}class glassCup extends Cup {constructor(shape: string, price:number, resource:string, private volumn:number) {super(shape, price, resource)}changePrice(val: number): void {this.price = this.price - valconsole.log('the price change to ' + this.price);}
}

思考: 在实践这段代码的时候,我有个小想法。之前函数定义的方法有下面这种格式的,表示: 声明一个函数,函数名为countSum, 并且指定形参和形参类型,同时通过=>指定返回值类型。这种形式的函数声明也是一个声明方式,没有实际实现,那么我是否可以用这种方式来定义抽象类中的抽象方法呢?

    1. 我不知道abstract关键字加在哪
    1. 在代码中尝试写了不加abstract关键字的格式,代码报错
let countSum :(x:number, y:number)=>number

上面这种格式只适用于函数声明,不适用于类方法

2.接口

接口是用于规范类、函数、对象的结构。接口只能定义格式,不能像类一样被实现。通过关键词implement调用接口。

// 类
interface ComputerInterface {id: string;brand: string;exture: string;price: number;start(): void; // 可以规定要有这个函数,但是不能具体实现这个函数
}class ASUS implements ComputerInterface {constructor( // 类的简写形式,将属性在构造器里面声明,需要写明修饰符public id: string,public brand: string,public exture: string,public price: number) {}start(): void {console.log(this.brand + 'is starting....');}
}
let asus1 = new ASUS('0001', '华硕', '轻薄本', 5000)

接口规范对象,注意写法

//接口规范对象
interface ObjectInterface {name: stringage: numbergender?:string // 可选
}let obj1: ObjectInterface = { // 注意写法name: 'no_name',age: 18
}

定义函数规范,写法跟对象类似,也在写这个过程中感受到了ts的一些特点,比如:必须先声明res且定义其为空字符才能进行后面的相加和赋值;

// 接口定义函数的规范
interface FunInterface {(a:string, b:number):string
}
let printString: FunInterface = (a: string, n: number) => {let res = ''for (let i = 0; i < n; i++) res = res + areturn res// return a.repeat(n)
}

接口也可以继承。接口还能够合并,在某个地方定义接口a后,继续又定义了接口a并写了新的属性,两个接口会合并成一个

http://www.ds6.com.cn/news/64036.html

相关文章:

  • 网站建设站点地图自媒体平台注册入口官网
  • 个人博客网站建设选题说明北京seo全网营销
  • 廉江网站开发公司免费的网络推广有哪些
  • 怎么在百度上做自己的网站软文发布平台排名
  • 专业外贸公司网站石家庄seo推广公司
  • ps做淘宝网站导航栏申请网站怎样申请
  • 深圳福田华丰大厦网站建设网络推广学校
  • 网站开发如何避免浏览器缓存的影响seo优化推广工程师
  • 建设银行网站用户名怎么查建站seo是什么
  • 做推送的网站玄幻小说排行榜百度风云榜
  • 太原网站建设 thinkphp3.2肇庆疫情最新消息
  • 丽水网站建设报价简述如何优化网站的方法
  • 网站建设网页设计师seo网站优化培训怎么样
  • Wordpress提高pagespeed青岛seo经理
  • 网站编辑的工作内容广州谷歌seo
  • wordpress怎么放验证文件优化设计数学
  • 廊坊百度网站排名小学生摘抄新闻2024
  • 特效视频网站百度统计app下载
  • 有哪些做兼职的设计网站品牌营销策划方案案例
  • 商城网站前期准备搜索引擎优化的简写是
  • 中学网站模板下载南昌seo推广
  • 孝感网站建设什么是网络营销工具
  • 中装建设集团有限公司董事长是谁360优化大师app下载
  • 威宁建设局网站网站搜索
  • 百度网站上做推广受骗如何免费做网站网页
  • 为了 门户网站建设太原百度快速排名提升
  • 做网站用php转html站长之家seo查找
  • 修改wordpress分类顺序湖南百度seo
  • 在北京大学生做家教的网站站长工具seo综合查询分析
  • 贵阳网站建设哪家好武汉网站建设方案优化