共计 3727 个字符,预计需要花费 10 分钟才能阅读完成。
●类 (class) : 不仅仅是 TS 内给出的, 在 ES6 外面就有类这个概念了, 只不过 TS 让咱们的类更加的弱小了
●咱们默认你是意识 ES6 内的 类 的, 如果你还不会, 那么倡议你先学习一下 ES6 内的类定义类
●在定义类的时候, 咱们通常会在 constructor 内定义属性, 就像这样
class Person {constructor (name: string) {this.name = name}
}
●咋又报错了呢, 是因为在 TS 内, 定义类的属性, 须要提前在 类 内进行阐明
class Person {
name: string
constructor (name: string) {this.name = name}
}
○只有提前阐明过得属性, 才能够在 constructor 内进行定义和赋值
类的继承
●这里类的继承其实和 ES6 没有什么区别
●只有留神, 不论是子类还是父类, 咱们在定义属性的时候, 提前在 class 内进行阐明即可
class Person {
name: string
constructor (name: string) {this.name = name}
sayHi () { console.log(this.name) }
}
// 创立一个继承自 Person 的 Student 类
class Student extends Person {
age: number
constructor (name: string, age: number) {super(name)
this.age = age
}
}
类属性的修饰符
●就是对于类外面定义的属性的一些润饰
public
●公共的, 公开的, 没有任何限度
●其实咱们默认定义的属性就是 public 修饰符
●也就是说, 你在定义属性的时候, 如果不写任何修饰符, 默认就是 public
●当然, 你也能够明确的表明
class Person {
public name: string
age: string
constructor (name: string, age: number) {
this.name = name
this.age = age
}
sayHi () { console.log(this.name) }
}
○这里的 name 和 age 是一样的润饰
○能够本人用, 能够被继承
private
●公有的, 只能在以后类外部应用
●被 private 修饰符润饰的成员, 不能被继承, 不能再类里面应用
●也就是说, 不论是本人的实例, 还是子类都不能应用这个属性
●只有在以后类内才能够应用
class Person {
name: string
private gender: string
constructor (name: string, gender: string) {
this.name = name
this.gender = gender
}
sayHi () { console.log(this.name, this.gender) }
}
// 创立一个 Person 的实例
const p = new Person('Jack', '男')
console.log(p.gender)
// 创立一个继承自 Person 的 Student 类
class Student extends Person {constructor (name: string, gender: string) {super(name, gender)
}
say () {console.log(this.gender)
}
}
const s = new Student('千锋教育', '男')
console.log(s)
protected
●和 private 差不多, 也是公有的意思
●然而用 protected 标识的属性, 能够被继承, 能够再子类内应用
●然而仍旧在类的里面是不能应用的
class Person {
name: string
protected gender: string
constructor (name: string, gender: string) {
this.name = name
this.gender = gender
}
sayHi () { console.log(this.name, this.gender) }
}
const p = new Person('Jack', '男')
console.log(p.gender)
// 创立一个继承自 Person 的 Student 类
class Student extends Person {constructor (name: string, gender: string) {super(name, gender)
}
say () {console.log(this.gender)
}
}
const s = new Student('千锋教育', '男')
console.log(s)
●在 Student 类内应用 gender 属性是没有问题的, 因为会被继承下来 readonly
●这个修饰符就简略的多了, 就是一个只读属性, 不容许被批改
class Person {
name: string
readonly gender: string
constructor (name: string, gender: string) {
this.name = name
this.gender = gender
}
setGender () {this.gender = '女'}
}
const p = new Person('Jack', '男')
console.log(p.gender)
类的存取器
●在类外面咱们也能够定义 getter 获取器 和 setter 设置器
●不便咱们对于某些公有的值进行操作
●看上面这个例子
class Person {
private name: string = 'Jack'
getName () { return this.name}
setName (val: string) {this.name = val}
}
const p1 = new Person('Jack')
// 我想获取外部的公有属性 name 的值
console.log(p1.getName()) // 'Jack'
p1.setName('Rose')
console.log(p1.getName()) // 'Rose'
●这个时候, 咱们能够用 getter 和 setter 语法糖来简化这些操作
class Person {
private _name: string = 'Jack'
get name () { return this._name}
set name (val: string) {this._name = val}
}
const p1 = new Person()
// 我想获取外部的公有属性 name 的值
console.log(p1.name) // 'Jack'
p1.name = 'Rose'
console.log(p1.name) // 'Rose'
●和咱们闭包的语法糖是一样的成果, 咱们能够间接把它设想成一个公有的闭包
动态属性
●这就和咱们原先在 ES5 说的万物接对象是一个情理
●咱们能够在 类 上定义一个静 js 态属性或办法
●是给到以后类的, 并不是给实例应用的, 是属于该类的
class Person {
static name: string = '千锋教育'
// 如果你想在类外面应用 name 成员, 也要借助这个类
sayHi () {console.log(Person.name)
}
}
const p = new Person()
console.log(Person.name)
console.log(p.name)
抽象类
●咱们在开发中, 会发现很多时候咱们会用到继承
●一旦咱们用到继承当前, 咱们就发现, 父类其实对咱们来说, 咱们不会去创立父类的实例
●而只是作为基准应用
●在 TS 内提出的抽象类的概念, 其实就是最为一个基准类
●专门为了让他人继承, 本人不在作为类去创立实例了
class Person {
name: string
constructor (name: string) {this.name = name}
play () {}
}
class Student extends Person {constructor (name: string) {super(name)
}
}
○这样咱们就实现了继承
○然而在这个过程中, 咱们的 父类 其实也是能够独自作为一个 类 应用的
○可是咱们在开发的过程中, 大部分时候其实并不需要用到
○也不心愿这样间接被用到
○而且在子类中还须要 super 去继承属性下来
●这个时候咱们就能够把父类间接定义为抽象类
// 定义一个抽象类
abstract class Person {
name: string
constructor (name: string) {this.name = name}
play () {}
}
// 子类照常继承, 咱们不须要有任何狐疑
class Student extends Person {}
const s = new Student('Jack')
s.play()
○所有的继承也都能照常实现
●在抽象类内, 也能够形象办法进去
○然而一旦你要形象办法, 那么就和定义接口差不多了
○只能在抽象类内标出限度, 然而不能由具体实现
○须要在其继承后的子类内书写精确实现
abstract class Person {
name: string
constructor (name: string) {this.name = name}
// 这里只能书写限度
abstract play() : void}
class Student extends Person {
// 在子类内进行具体的实现
play () {console.log('你好 世界')
}
}