类(class): 定义了一切事物的抽象特点(属性和方法)
对象(object): 类的实例(通过 new 来生成)
面向对象特点: 封装,继承,多态

• 封装: 将操作数据的细节隐藏起来,只暴露接口, 调用者只需要通过接口来访问对象
• 继承: 子类继承父类, 子类除了拥有父类的特性外还可以拥有更加具体的特性
• 多态: 同一个方法可以有不同的响应(猫和狗都继承自动物类,但是他们叫声各有不同)

封装

抽象一个动物类, 拥有名字属性和奔跑的动作

// 创建基本类 基类
class Animal {// 属性name: string // 构造函数constructor(name: string) {this.name = name}// 方法 奔跑run(){return `${this.name} runing`}
}
// 实例化类
const snake = new Animal('lily')
console.log(anake.name)
console.log(anake.run())

继承

创建一个狗类继承自动物类

class Dog extends Animal {// 实现了一个方法 -- 叫bark() {return `${this.name} is barking`}
}
const xiaobao = new Dog('小宝')
xiaobao.name
xiaobao.run()
xiaobao.bark()

多态(方法重写)

方法重写是多态一种表现形式,类似的还有方法的重载 和 接口的定义

class Car extends Animal {// 重写构造函数,在子类的构造函数中必须使用super调用父类方法constructor (name) {super(name)console.log(this.name)}// 重写run方法 调用父类方法使用 super 关键字run () {// 调用父类方法可以使用 super关键字. 父类属性和方法Areturn `Meow, ${super.run()}`}
}
// 实例化 Cat 方法
const maomao = new Cat('毛毛')
console.log(maomao.run())

修饰符

作用: 对类的属性和方法提供权限控制

• public: 公有的可以在任何地方可以被访问和修改(类中属性和方法默认为publish)
• private: 私有的仅在当前类可访问和修改
• protected: 仅当前类与子类(继承类)可以访问和修改
• readonly: 只读修饰符, 仅可访问不可修改

public 修饰符的使用

// 延用上面的 Animal 类举例说明, 直接把代码粘过来
// 给 name 属性增加 public 修饰符 其实也可以不加, 默认就是 public 
class Animal {// 属性public name: string // 构造函数constructor(name: string) {this.name = name}// 方法 奔跑run(){return `${this.name} runing`}
}
// 实例化类
const snake = new Animal('lily')
console.log(snake.name) // => lily
// 把 name 属性修改为 lucy
snake.name = 'lucy'
console.log(snake.name) // => lucy

private 修饰符的使用

class Animal {/* 这里更改 */private name: string // 构造函数constructor(name: string) {this.name = name}// 方法 奔跑run(){return `${this.name} runing`}
}
// 实例化类
const snake = new Animal('lily')
console.log(snake.name) // 报错 私有的只能在 Animal 类中访问和更改
// 把 name 属性修改为 lucy
snake.name = 'lucy' // 报错 私有的....
console.log(snake.name) // => 报错 私有的....

protected 修饰符的使用

class Animal {/* 这里更改 */protected name: string // 构造函数constructor(name: string) {this.name = name}// 方法 奔跑run(){return `${this.name} runing`}
}
// Dog 类继承自 Animal
class Dog extends Animal {// 实现了一个方法 -- 叫bark() {// `子类`可以访问父类的属性 namereturn `${this.name} is barking`}
}
const xiaobao = new Dog('小宝')
xiaobao.name
xiaobao.run()
xiaobao.bark()

readonly 的使用与public private protected 用法一样, 被readonly 修饰过的属性只能读取不能修改这里就不演示了

静态属性和静态方法

静态: 不需要实例化类, 可以在类上直接访问,调用的属性和方法
为什么需要有静态属性和方法
静态属性和方法的定义与实例的状态没有太大的关系

// 创建基本类 基类
class Animal {// 定义只读属性 namereadonly name: string// 定义静态属性static categoies: string[] = ['mammal','bird']// 定义静态方法static isAnimal(a) {return a instanceof Animal // 判断 a 是否为 Animal 的实例}// 构造函数constructor(name: string) {this.name = name}// 方法 奔跑run(){return `${this.name} runing`}
}
// 注意! 访问 静态属性和方法不需要实例化// 访问静态属性 categoies
console.log(Animal.categoies)// 访问 name 属性
const snake = new Animal('lily')
console.log(snake.name)// 注意 name 是 snake 实例的属性// 调用静态方法
console.log(Animal.isAnimal(snake)) // 判断 snake 是否为 Animal 的实例

下面先区分两个概念

• 类的实例上的属性和方法
  我们在讨论静态属性和方法之前访问属性和方法,都是必须实例化然后访问
  const snake = new Animal('lily') // 实例化
  console.log(snake.name) // 访问实例的属性
  snake.run() // 调用实例的方法
• 类上可以直接访问的属性和方法
  console.log(Animal.categoies) // 不需要实例化 使用类名直接访问
  Animal.isAnimal(snake) // 不需要实例化, 使用类名直接调用