类:

  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 学习笔记(三)的更多相关文章

  1. Typescript 学习笔记三:函数

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  2. Typescript 学习笔记七:泛型

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  3. Typescript 学习笔记六:接口

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  4. Typescript 学习笔记五:类

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  5. Typescript 学习笔记四:回忆ES5 中的类

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  6. Typescript 学习笔记二:数据类型

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  7. Typescript 学习笔记一:介绍、安装、编译

    前言 整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...

  8. Oracle学习笔记三 SQL命令

    SQL简介 SQL 支持下列类别的命令: 1.数据定义语言(DDL) 2.数据操纵语言(DML) 3.事务控制语言(TCL) 4.数据控制语言(DCL)  

  9. [Firefly引擎][学习笔记三][已完结]所需模块封装

    原地址:http://www.9miao.com/question-15-54671.html 学习笔记一传送门学习笔记二传送门 学习笔记三导读:        笔记三主要就是各个模块的封装了,这里贴 ...

  10. JSP学习笔记(三):简单的Tomcat Web服务器

    注意:每次对Tomcat配置文件进行修改后,必须重启Tomcat 在E盘的DATA文件夹中创建TomcatDemo文件夹,并将Tomcat安装路径下的webapps/ROOT中的WEB-INF文件夹复 ...

随机推荐

  1. GO基础之函数的高级用法

    一.可变参数 支持可变长参数列表的函数可以支持任意个传入参数,比如fmt.Println函数就是一个支持可变长参数列表的函数. package main import "fmt" ...

  2. vue发送ajax请求

    一.vue-resource 1.简介 一款vue插件,用于处理ajax请求,vue1.x时广泛应用,现不被维护. 2.使用流程 step1:安装 [命令行输入] npm install vue-re ...

  3. 微信小程序API交互反馈,wx.showToast显示消息提示框

    导读:wx.showToast(OBJECT) 显示消息提示框. OBJECT参数说明: 参数 类型 必填 说明 最低版本 title String 是 提示的内容 icon String 否 图标, ...

  4. [PHP] cli环境下php设置进程名字

    if (function_exists('cli_set_process_title')) { cli_set_process_title("superman php master proc ...

  5. MATLAB实例:非线性曲线拟合

    MATLAB实例:非线性曲线拟合 作者:凯鲁嘎吉 - 博客园 http://www.cnblogs.com/kailugaji/ 用最小二乘法拟合非线性曲线,给出两种方法:(1)指定非线性函数,(2) ...

  6. 使用vue-cli搭建spa项目

    1. 什么是vue-cli? vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下: vue init webpack xxx 注1:xxx 为自己创 ...

  7. 201871010111-刘佳华《面向对象程序设计(java)》第十四周学习总结

    201871010111-刘佳华<面向对象程序设计(java)>第十四周学习总结 实验十二  Swing图形界面组件(一) 实验时间 2019-11-29 第一部分:基础知识总结 1.设计 ...

  8. UVA1401 Remember the word DP+Trie

    问题描述 洛谷(有翻译) 题解 DP,设\(opt_i\)代表前\(i\)个字符方案数. Trie优化,刷表法. \(\mathrm{Code}\) #include<bits/stdc++.h ...

  9. mysql执行操作时卡死

    有时候使用Navicat对mysql数据库进行添加字段,truncate或其他操作时会一直卡住不动,后来查看进程才发现一直处于等待状态 先执行,列出所有进程 show full processlist ...

  10. matlab中的colormap

    matlab colormaps 默认颜色图是 parula ,颜色图从左往右数值不断增大. 颜色图名称 色阶 parula jet hsv hot cool spring summer autumn ...