1. 類的定義
class Pointer {
x: number
y: number // 聲明的變量會被增加到實(shí)例上
// 此函數(shù)中依然可以使用 剩余運(yùn)算符 可選參數(shù) 默認(rèn)參數(shù)
// 傳入的實(shí)例直接就放在實(shí)例上，無需再次聲明
constructor(x: number, y?: number, ...args: number[]){ // 在constructor中的操作都是初始化操作
this.x = x;
this.y = y as number;
}
}
let p = new Pointer(100,200)
console.log(p.x, p.y)
2. 類中的修飾符
- public 公開的候醒，都可以訪問到
class Animal {
public name!: string // 不寫默認(rèn)也是 public
public age!: number
constructor(name: string, age: number){
this.name = name
this.age = age
}
}
class Dog extends Animal {
constructor(name: string, age: number){
super(name, age)
console.log(this.name, this.age) // 子類訪問
}
}
let p = new Dog('Jack', 6)
console.log(p.name, p.age) // 外部訪問
- protected 受保護(hù)的膨疏，只能自己和子類訪問
class Animal {
constructor(protected name: string, protected age: number){ // 簡化寫法
this.name = name
this.age = age
console.log(this.name, this.age) // 自己可以訪問
}
}
class Dog extends Animal {
constructor(name: string, age: number){
super(name, age)
console.log(this.name, this.age) // 子類可以訪問
}
}
let p = new Dog('Jack', 6)
// console.log(p.name, p.age) // 外部無法訪問
- private 私有的讼油，只有自己可以訪問
class Animal {
constructor(private name: string, private age: number){
this.name = name
this.age = age
console.log(this.name, this.age) // 自己可以訪問
}
}
class Dog extends Animal {
constructor(name: string, age: number){
super(name, age)
// console.log(this.name, this.age) // 子類無法訪問
}
}
let p = new Dog('Jack', 6)
// console.log(p.name, p.age) // 外部無法訪問
- readonly 只能讀取
class Animal {
constructor(readonly name: string,public age: number){
this.name = name
this.age = age
}
changeName(name: string){
this.name = name; // 無法修改，僅讀屬性只能在constructor中被賦值
}
}
class Dog extends Animal {
constructor(name: string, age: number){
super(name, age)
}
}
let p = new Dog('Jack', 6)
p.changeName('Tom')
3. 靜態(tài)屬性和方法
class Animal {
static type = '哺乳動物'; // 靜態(tài)屬性
static getName() { // 靜態(tài)方法
return '動物類';
}
private _name: string = 'Tom';
get name() { // 屬性訪問器
return this._name;
}
set name(name: string) {
this._name = name;
}
}
let a = new Animal();
console.log(a.name);
4. super 屬性
class Animal {
say(message:string){
console.log(message);
}
static getType(){
return '動物'
}
}
class Cat extends Animal {
say(){ // 原型方法中的super指代的是父類的原型
super.say('貓貓叫');
}
static getType(){ // 靜態(tài)方法中的super指代的是父類
return super.getType()
}
}
let cat = new Cat();
console.log(Cat.getType())
5. 類的裝飾器
- 裝飾類
裝飾器作用就是擴(kuò)展類又活，擴(kuò)展類中的屬性和方法 , 但不能修飾函數(shù)，函數(shù)會有變量提升的問題
function addSay1(val: string) { // 洋蔥模型
console.log(val)
return function (target: any) {
console.log(1)
}
}
function addSay2(val: string) {
console.log(val)
return function (target: any) {
console.log(2)
}
}
function addSay3(val: string) {
console.log(val)
return function (target: any) {
console.log(3)
}
}
@addSay1('a1')
@addSay2('a2')
@addSay3('a3') // = addSay(Person);
class Person{
} // a1 a2 a3 3 2 1
// 裝飾類可以給類擴(kuò)展功能锰悼，需要在tsconfig.json開啟 experimentalDecorators:true
- 裝飾類中的屬性
function toUpperCase(target: any, key: string){ // target 類的原型柳骄，key就是修飾的屬性
let val: string = ''
Object.defineProperty(target, key, { // 原型定義屬性
get(){
return val.toUpperCase()
},
set(newVal: string){
val = newVal
}
})
}
function double(num: number){
return function(target: any, key: string){
let v = target[key]
Object.defineProperty(target, key, {
get(){
return num * v
}
})
}
}
class Person{
@toUpperCase
public name: string = 'Tom'; // 修飾的是實(shí)例，裝飾器指的就是原型
@double(2)
static age: number = 18; // 修飾的是靜態(tài)屬性箕般，裝飾器指的就是類
}
let p = new Person();
console.log(p.name) // TOM
console.log(Person.age) // 36 靜態(tài)屬性需要通過類來調(diào)用
- 裝飾類中的方法
function Enum(bool: boolean){ // 修改方法不能枚舉
return function (target: any, key: string, descriptor: PropertyDescriptor){ // target 指原型
descriptor.enumerable = bool
}
}
class Person{
@Enum(false)
drink(){}
}
let p = new Person();
console.log(p)
- 裝飾參數(shù)
function params(target: any, key: string, index: number){ // target 原型 key 指方法drink index 索引0
console.log(key, index)
}
class Person{
drink(@params content: any){} // 修飾參數(shù)
}
