TypeScript 学习笔记(三)
类:
1、TypeScript 是面向对象的 JavaScript,类描述了创建的对象共同的属性和方法
2、类通过关键字 class 声明,使用 extends 关键字进行继承
3、在引用一个类成员时使用 this 关键字,表明该成员是我们访问的类的成员
4、派生类通常被称为子类,而基类通常称为超类
5、派生类包含了一个构造函数,它必须调用 super()
,它会执行基类的构造函数。
而且,在构造函数里访问 this
的属性之前,我们一定要调用 super()
。 这个是TypeScript强制执行的一条重要规则。
class base {
name: string;
str: string;
constructor(name: string) {
this.name = name;
// 模板字符串
this.str = `Hello ${this.name},
nice to meet you!`;
}
sayHello() {
alert(this.str);
}
} class one extends base {
sayHello() {
this.str = this.str + "\nIn one";
super.sayHello(); // 使用超类地方法
}
} // 弹出 Hello Lemon,
// nice to meet you!
// In one
new one("Lemon").sayHello();
访问修饰符:
1、public:类里成员默认为 public 的,公有成员可在类外被访问
2、protected:保护成员只能在该类以及其子类才能被访问
3、private:私有成员只能在该类中才能被访问
补充:
1、TypeScript 使用的是结构性系统,当比较两种不同的类时,若所有成员都是兼容的,则它们的类型也是是兼容的
2、若该类带有 private 或 protected 成员,则只有当另一个类中对应存在该类型成员,且它们都来自同一处声明,它们才是兼容的
抽象类:
1、作为其他派生类的基类使用,一般不会直接被实例化
2、抽象类可以包含成员的实现细节,但必须包含关键字 abstract,并且可以包含访问修饰符
abstract class base {
constructor() {
alert("In base");
}
public say() {}
public abstract run();
} class test extends base {
// 若没给 _str 赋值,则默认为 undefined
private _str: string = "";
constructor() {
// 子类需要在构造函数里调用父类的构造函数
super();
alert("In test");
}
run() {
// 需要使用 this 关键字
this._str = this._str + "Running\n";
}
say() {
this._str = this._str + "Saying\n";
}
getStr() {
alert(this._str);
}
} let t: test = new test(); // In base 然后 In test
t.run();
t.getStr(); // Running
t.say();
t.getStr(); // Running
// Saying
TypeScript 学习笔记(三)的更多相关文章
- Typescript 学习笔记三:函数
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记七:泛型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记六:接口
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记五:类
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记四:回忆ES5 中的类
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记二:数据类型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- Typescript 学习笔记一:介绍、安装、编译
前言 整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...
- Oracle学习笔记三 SQL命令
SQL简介 SQL 支持下列类别的命令: 1.数据定义语言(DDL) 2.数据操纵语言(DML) 3.事务控制语言(TCL) 4.数据控制语言(DCL)
- [Firefly引擎][学习笔记三][已完结]所需模块封装
原地址:http://www.9miao.com/question-15-54671.html 学习笔记一传送门学习笔记二传送门 学习笔记三导读: 笔记三主要就是各个模块的封装了,这里贴 ...
- JSP学习笔记(三):简单的Tomcat Web服务器
注意:每次对Tomcat配置文件进行修改后,必须重启Tomcat 在E盘的DATA文件夹中创建TomcatDemo文件夹,并将Tomcat安装路径下的webapps/ROOT中的WEB-INF文件夹复 ...
随机推荐
- NuGet 修改包路径
NuGet 是 .NET 平台下的一个免费.开源的包管理开发工具. 修改全局包管理目录 通过 NuGet 安装包时,NuGet 先将包下载至一个统一的目录,默认路径是:C:\Users\用户名\.nu ...
- 设置API:wx.openSetting,wx.getSetting使用说明(示例:地图授权与取消授权后的重新授权)
这个API解决了过去一个长久以来无法解决的问题,如何让用户重复授权: 打开小程序的设置界面:就是主动调取授权 目前资料极少,但是已经可以让大家先看看了: 官方文档地址:https://mp.weixi ...
- Modbus 协议
转载:https://www.cnblogs.com/DreamRecorder/p/9081127.html 一.Modbus 协议简介 Modbus 协议是应用于电子控制器上的一种通用语言 ...
- 0day2安全——笔记2
第二章 内存的不同用途 windows应用—>编译连接—>PE文件—>进程 进程使用的内存 1.代码区:储存着被装入执行的二进制机器代码,处理器会到这个区域取指和执行 2.数据区:用 ...
- cf rock is push 【dp】
附上学习的博客:https://blog.csdn.net/u013534123/article/details/102762673 大致题意:一个迷宫,里面有很多箱子,你可以向右或者向下走.当你遇到 ...
- 浅谈状态压缩DP
浅谈状态压缩DP 本篇随笔简单讲解一下信息学奥林匹克竞赛中的状态压缩动态规划相关知识点.在算法竞赛中,状压\(DP\)是非常常见的动规类型.不仅如此,不仅是状压\(DP\),状压还是很多其他题目的处理 ...
- 2019徐州网络赛 I J M
I. query 比赛时候没有预处理因子疯狂t,其实预处理出来因子是\(O(nlog(n))\)级别的 每个数和他的因子是一对偏序关系,因此询问转化为(l,r)区间每个数的因子在区间(l,r)的个数 ...
- Norm比较
目录 Introduction BN LN IN GN SN Conclusion Introduction 输入图像shape记为[N, C, H, W] Batch Norm是在batch上,对N ...
- Python连载53-UDP、TCP、FTP编程实例
一.服务器程序要求永远运行,一般用死循环来处理 1.服务器改造版本V03(主程序 原封不动,这里只修改了运行的程序) if __name__ == "__main__": whil ...
- 【Notepad++】notepad++主题和字体设置(非常好看舒服的)
#效果图 1.字体:Courier New 字号:14号字体 2.字体:Consolas 字号:14号字体 #设置方法 1.设置---语言格式设置 2.选择主题,同时勾选“使用全局字体”“使用全局字体 ...