当前位置:
首页 > 网站开发 > JavaScript教程 >
-
Typescript---03 类、接口、枚举
传统的javascript程序使用函数和基于原型的继承来创建可重用的组件,从ECMAScript2015(ECMAScript 6)开始,可以使用基于类的面向对象方式。
一、类:
定义类(class)
1
2
3
4
5
6
7
8
|
class Person{ name: string; constructor(name:string){ this .name = name; } } let stu = new Person( "张三" ); |
继承类(extends)
1
2
3
4
5
|
class Student extends Person{ readBook(){ console.log( this .name + "is reading" ); } } |
访问修饰符
默认为public
private 私有,只有内部可以访问
protected,内部和派生类可以访问
readonly 只读,必须在声明时或构造函数里被初始化
static 静态属性,可以直接通过类名访问
存取器get/set,如果只有get不带有set的存取器被推断为readonly
抽象类
abstract 定义抽象类以及定义抽象类的抽象方法。 不同于接口,抽象类里可以包含成员的实现。抽象类不会直接被示例化
二、接口
定义接口
1
2
3
|
interface MainService { context: string } |
可选属性,可选属性就是在属性名后加? 符号
1
2
3
4
|
interface MainService { context: string; name?:string; //可选属性 } |
只读属性,只在对象刚创建的时候修改值
1
2
3
4
5
|
interface MainService { context: string; name?:string; //可选属性 readonly gender: string; // 只读属性 } |
实现接口
1
2
3
|
class Main implements MainService{ current: Date; } |
三、类与接口
1)类可以实现接口
2)接口继承接口
3)接口继承类
四、枚举
数字枚举
1
2
3
4
5
6
|
enum Direction { Up = 1, Down, Left, Right } |
字符串枚举
1
2
3
4
5
6
|
enum Direction { Up = "UP" , Down = "DOWN" , Left = "LEFT" , Right = "RIGHT" , } |
出处:https://www.cnblogs.com/kingkangstudy/p/10383938.html
最新更新
Python获取微信好友数据
Python 的排序方法 sort 和 sorted 的区别
WinForm轻松实现自定义分页 (转载)
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
在win系统安装配置 Memcached for PHP 5.3 图文
箱图在数据预处理中的应用
Python WEB开发:用Tornado框架制作简易【表
自从学会了用python解析视频,都不用去找
Python代码阅读(第50篇):对列表间隔取
Python爬虫+数据分析+可视化展示,分析《
MongoDB常用命令(2)
MongoDB基本介绍与安装(1)
SQLServer触发器调用JavaWeb接口
SQL Server索引的原理深入解析
SqlServer2016模糊匹配的三种方式及效率问题
SQL中Truncate的用法
sqlserver 多表关联时在where语句中慎用tri
链接服务器读取Mysql---出现消息 7347,级别
SQL Server解惑——为什么你拼接的SQL语句换
MySQL视图了解一下
laf.js - 开源的云开发框架(README.md)
javascript创建对象
Node.js 源码分析 - 从 main 函数开始
Node.js 源码分析 - 原生模块(C++模块)的注册
ECharts图标中用的js相关的处理方法
GoJS 使用笔记
单元测试 - 测试场景记录
Node.js 源码分析 - 加载 js 文件
ES6入门
聊聊动效降级