Typescript基础(3)——类
前言
今天继续typescript的学习,开始ts类的学习。
类
类的实现
在ES6中新增了类的概念。我们先看ES6中类的实现。
class Person {
constructor(name,age){
this.name = name;
this.age = age;
}
getName(){
return this.name;
}
}
let p1 = new Person('小张',24)
console.log(p1.getName())
在ts中类的定义。ts中类的定义跟ES6差别不大。只是ts中新增了对属性的类型的校验。因此我们在使用属性之前必须先定义属性的类型。比如下面Person类中的name和age属性。在constructor和getName中使用之前必须先指定其类型。
class Person {
// 指定参数类型
name:string;
age:number;
constructor(name:string,age:number){
this.name = name;
this.age = age;
}
getName():string{
return this.name;
}
}
let p1 = new Person('小红',24)
console.log(p1.getName())
类的继承
ES6中的继承:在ES6中通过extends和super来实现继承。
// ES6中的继承
class Student extends Person{
constructor(name,age,sex){
super(name,age);
this.sex = sex;
}
getSex(){
return this.sex
}
}
let s = new Student('小李',25,'男')
console.log(s.getName())
console.log(s.getSex())
ts中类的继承和ES6中非常相似。
class Person {
// 指定参数类型
name:string;
age:number;
constructor(name:string,age:number){
this.name = name;
this.age = age;
}
getName():string{
return this.name;
}
}
let p1 = new Person('小红',24)
console.log(p1.getName())
// 类的继承
class Student extends Person{
sex:string;
constructor(name:string,age:number,sex:string){
super(name,age);
this.sex = sex;
}
getSex():string{
return this.sex
}
}
修饰符
在ts中定义属性的时候,提供了三种修饰符。分别是public,protected和private。这三种修饰符用来表示属性能够被访问的范围。
public 表示公有的 可以在类中,类外面,子类中被访问。
protected 表示被保护的类型 可以在类中和子类中被访问。不能在类外面被访问。
private 表示私有类型 可以在类中访问。在子类和类外部都无法访问。
1.public、protected和private修饰符定义的属性在类内部都可以被访问。
class Human {
// 指定参数类型
public name:string;
protected age:number;
private salary:string;
constructor(name:string,age:number,salary:string){
this.name = name;
this.age = age;
this.salary = salary;
}
getName():string{
return this.name;
}
getAge():number{
return this.age;
}
getSalary():string{
return this.salary;
}
}
2.public修饰符定义的属性在类外部可以被访问。protected和private修饰符定义的属性在类外部无法被访问。
当我们在外部访问privagte定义的属性时,会出现报错。
这里的salary是private修饰的属性,无法进行设置。
let h2 = new Person('小红',24,10000) // Expected 2 arguments, but got 3.
console.log(h1.getAge()); // 报错 protected修饰的age属性无法在外部被访问。
3.public和protected修饰符定义的属性可以在子类中被访问。但是private修饰符定义的属性无法在子类中访问。
比如,当子类继承父类。调用super()方法时,如果传入了父类中私有的属性那么会报错。如果在子类方法中想要获取父类
私有属性也会报错。
class People extends Person{
constructor(name:string,age:number,sex:string){
super(name,age,sex); // 报错
}
getSex():string{
return this.sex; // 报错
}
}
readonly修饰符
在ts中还提供了readonly修饰符来将属性设置为只读。只读属性必须在生明时或者构造函数中被初始化。
class Teacher {
readonly name:string;
constructor(name:string){
this.name = name;
}
getName():string{
return this.name
}
}
let t = new Teacher('张三')
console.log(t.name);
console.log(t.getName());
t.name = '李四' // 修改readonly 修饰的属性时报错。
静态方法
在ES6中,所有在类中定义的方法,都会被实例继承。如果在一个方法前,加上static关键字,就表示该方法不会被实例继承,而是直接通过类来调用,这就称为“静态方法”。
class Foo{
constructor(name,age){
this.name = name;
this.age = age;
}
getName(){
return this.name;
}
static getAge(){
return this.age;
}
}
let f = new Foo('刘亦菲',24);
console.log(f.getName()) // 刘亦菲
console.log(Foo.getAge()) // undefined 这里的this指的是类Foo
console.log(f.getAge()) // 静态方法无法被实例调用
ts中静态方法的使用:通过使用static关键字定义静态属性和静态方法。
静态属性和静态方法只能通过类名来进行访问。实例和this都无法进行访问。
// 静态方法
class Foo{
// 静态属性
static obj = {
name:'刘亦菲',
age:30
}
public name:string
constructor(name:string){
this.name = name;
}
// 静态方法
static getAge(){
// 调用静态属性时需要使用类来调用。
return Foo.obj.age
}
getName(){
return this.name
}
}
let f = new Foo('晓明')
console.log(Foo.getAge()) // 调用静态方法
console.log(f.getName()) // 调用实例方法
抽象类
抽象类是作为其他继承类的基类使用。他们一般不会被实例化。在ts中用abstract定义抽象类和抽象方法。
abstract class Animal{
abstract eat():any;
}
1.抽象类无法被实例化
abstract class Animal{
abstract eat():any;
}
let a = new Animal() // 报错Cannot create an instance of an abstract class
2.抽象类中的抽象方法,不包含具体实现。只定义方法签名,不定义方法体。
abstract class Animal{
abstract eat():any; // 只有方法名,没有方法体
abstract play:any{} // 报错 抽象方法不能有实现,也就是说不能有方法体。
}
3.抽象类的子类必须实现抽象类中的抽象方法。
// 抽象类
abstract class Animal{
protected food:string;
protected ball:string;
constructor(food:string,ball:string){
this.food = food;
this.ball = ball;
}
abstract eat():any;
abstract play():any;
}
// 子类
class Dog extends Animal{
constructor(food:string,ball:string){
super(food,ball)
}
// 必须实现抽象类中的抽象方法
eat(){
console.log(`小狗在吃${this.food}`)
}
play(){
console.log(`小狗在玩${this.ball}`)
}
}
let dog = new Dog('骨头','篮球')
dog.eat()
dog.play()
Typescript基础(3)——类的更多相关文章
- TypeScript 基础入门(一)
1.TypeScript是什么? TypeScript 是 JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的 静态类型 和基于 类 的面向对象编程 ...
- TypeScript基础以及在Vue中的应用
TypeScript推出已经很长时间了,在Angular项目中开发比较普遍,随着Vue 3.0的即将推出,TypeScript在Vue项目中使用也即将成为很大的趋势,笔者也是最近才开始研究如何在Vue ...
- springMVC基础controller类
此文章是基于 搭建SpringMVC+Spring+Hibernate平台 功能:设置请求.响应对象:session.cookie操作:ajax访问返回json数据: 创建springMVC基础con ...
- hibernate基础dao类
此文章是基于 搭建SpringMVC+Spring+Hibernate平台 功能:数据库的保存.更新.删除:sql.hql查询:分页查询:调用存储过程 创建hibernate基础dao类: BaseD ...
- [.net 面向对象编程基础] (9) 类和类的实例
[.net 面向对象编程基础] (9) 类和类的实例 类 ,顾名思义就是分类.类别的意思.我们要面向对象编程,就需要对不同的事物进行分类.类可以说是.net面向对象的核心. 类:就是具有相同的属性和功 ...
- [.net 面向对象编程基础] (10) 类的成员(字段、属性、方法)
[.net 面向对象编程基础] (10) 类的成员(字段.属性.方法) 前面定义的Person的类,里面的成员包括:字段.属性.方法.事件等,此外,前面说的嵌套类也是类的成员. a.类的成员为分:静态 ...
- python基础——枚举类
python基础——枚举类 当我们需要定义常量时,一个办法是用大写变量通过整数来定义,例如月份: JAN = 1 FEB = 2 MAR = 3 ... NOV = 11 DEC = 12 好处是简单 ...
- python基础——定制类
python基础——定制类 看到类似__slots__这种形如__xxx__的变量或者函数名就要注意,这些在Python中是有特殊用途的. __slots__我们已经知道怎么用了,__len__()方 ...
- Python基础-类的探讨(class)
Python基础-类的探讨(class) 我们下面的探讨基于Python3,我实际测试使用的是Python3.2,Python3与Python2在类函数的类型上做了改变 1,类定义语法 Python ...
随机推荐
- 使用Redis实现UA池
前提 最近忙于业务开发.交接和游戏,加上碰上了不定时出现的犹豫期和困惑期,荒废学业了一段时间.天冷了,要重新拾起开始下阶段的学习了.之前接触到的一些数据搜索项目,涉及到请求模拟,基于反爬需要使用随机的 ...
- SSH框架之Hibernate第二篇
1.1 持久化类的编写规则 1.1.1 什么是持久化类? 持久化类 : 与表建立了映射关系的实体类,就可以称之为持久化类. 持久化类 = Java类 + 映射文件. 1.1.2 持久化类的编写规则 ( ...
- python爬取网业信息案例
需求:爬取网站上的公司信息 代码如下: import json import os import shutil import requests import re import time reques ...
- JS-字符串截取方法slice、substring、substr的区别
一.使用 slice() 截取 1,函数说明 slice() 方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分.语法如下: stringObject.slice(s ...
- ABP入门教程13 - 更新菜单
点这里进入ABP入门教程目录 菜单更新 在展示层(即JD.CRS.Web.Mvc)的Startup下打开CRSNavigationProvider.cs //用以存放菜单相关信息 修改如下 using ...
- 035.[转] 获取HttpServletRequest请求Body中的内容
注意: HttpServletRequest 请求中的 body 内容仅能调用 request.getInputStream(), request.getReader()和request.getPar ...
- SQL Server有意思的数据类型隐式转换问题
写这篇文章的时候,还真不知道如何取名,也不知道这个该如何将其归类.这个是同事遇到的一个案例,案例比较复杂,这里抽丝剥茧,仅仅构造一个简单的案例来展现一下这个问题.我们先构造测试数据,如下所示: CRE ...
- 用while循环写一个简单的猜数字游戏
import random #练习:模拟猜数字的游戏 """ 计算机出一个1~100之间的随机数由人来猜 计算机根据人猜的数字分别给出 大一点/小一点/猜中了 的提示 & ...
- 通过JTAG对比内核启动后text/rodata段内容
关键词:vmlinux.strip.dump._text.__end_rodata等等. 在日常的调试中,可能会在某些情况下踩到内核重要的数据,比如代码段或者rodata之类. 这种情况下,需要确认这 ...
- 002.SQLServer数据库镜像高可用简介
一 数据库镜像简介 1.1 数据库镜像概述 数据库镜像维护一个数据库的两个副本,这两个副本必须驻留在不同的 SQL Server 数据库引擎服务器实例上. 通常,这些服务器实例驻留在不同位置的计算机上 ...