TypeScript 修饰器与类成员详解：Mixin、访问控制及接口实现

//导出混合方法
export function mix(...args){
    return function (t){
        Object.assign(t.prototype,...args);//添加方法到对象原型
    }
}

import { mix} from './mixins';//导入混合方法
//声明要混合入类的方法
let methodToMix = {
    MixFunc(){console.log('this method use for Mix');}
}
 
@mix(methodToMix)//在类声明中使用了修饰器@mix
class MyClass{}
 
let obj = new MyClass();//实例化类,类对象具有修饰器混入的方法MixFunc
obj.MixFunc();//调用混入的方法

// 定义类
class Person {
  // 名称
  name: string
  // 年龄
  age: number
  // 构造函数
  constructor(name: string, age: number) {
    // 更新熟悉数据
    this.name = name
    this.age = age
  }
}

// 发送一个人的信息
function sendPerson (person: Person) {
  console.log(`姓名：${person.name}，年龄：${person.age}`)
}

// 实例化对象
const p = new Person('dzm', 20)
sendPerson(p) // 名称：dzm，年龄：20

// 定义类
class Person {
  // 公开参数
  name: string
  // 公开参数
  public age: number
  // 私有参数
  private num:number = 10
  // 内部参数
  protected num1: number = 20
  // 构造函数
  constructor(name: string, age: number) {
    // 更新熟悉数据
    this.name = name
    this.age = age
  }
  // 发送个人信息
  public send() {
    console.log('发送成功1')
  }
  // 私有方法
  private post() {
    console.log('发送成功2')
  }
}

class Person {
  // 声明赋值
  readonly name = 'dzm'
}
let p = new Person()
console.log(p.name)
// 不能赋值
// p.name = 'xxx'

class Person{
  readonly name: string
  // 构造初始化赋值
  constructor(name: string) {
    this.name =  name
  }
}

// 定义类
class Person {
  // 公开参数
  name: string
  // 公开参数
  public age: number
  // 静态参数
  static num:number = 10
  // 构造函数
  constructor(name: string, age: number) {
    // 更新熟悉数据
    this.name = name
    this.age = age
  }
  // 发送个人信息
  static send() {
    console.log('发送成功')
  }
}

// 不需要实例化对象，通过类名就能进行访问
console.log(Person.num)
Person.send()

// 定义行动接口
interface Action {
  // 跑起来
  run():void
}

// 定义信息接口
interface Info {
  // 用户名称
  name: string
}

// 定义一个类，并实现上面的接口
class Person implements Action, Info {
  // 用户名称
  name: string
  // 跑起来
  run(): void {
    console.log(`${this.name} 跑起来了`)
  }
}

// 定义一个类，并实现上面的类接口
class Person2 implements Person {
  name: string
  run(): void {
    console.log(`${this.name} 跑起来了`)
  }
}

// 实例化
const p = new Person()
p.name = 'DZM'
p.run()

// 实例化
const p2 = new Person2()
p2.name = 'XYQ'
p2.run()

// 定义行动接口
interface Action {
  // 跑起来
  run():void
}

// 定义信息接口
interface Info {
  // 用户名称
  name: string
}

// 定义一个类，并实现上面的接口
class Person implements Action, Info {
  // 用户名称
  name: string
  // 跑起来
  run(): void {
    console.log(`${this.name} 跑起来了`)
  }
}

// 定义一个类，并实现上面的类接口
class Person2 extends Person {
  name: string
  run(): void {
    console.log(`${this.name} 跑起来了`)
  }
}

// 定义一个类，并实现上面的类接口
class Person3 extends Person implements Action, Info {
  name: string
  run(): void {
    console.log(`${this.name} 跑起来了`)
  }
}

// 实例化
const p = new Person()
p.name = 'DZM'
p.run()

// 实例化
const p2 = new Person2()
p2.name = 'XYQ'
p2.run()