Typescript 面向对象程序设计
众所周知,JavaScript是一门面向对象编程语言。大家或多或少都学习过一些JavaScript面向对象相关的知识,比如构造函数、实例化、继承等。 面向对象是一种程序编程范式,也是一种程序设计思想。通过对业务场景的进行抽象、建模来设计逻辑清晰、易维护、可扩展的应用程序。 本篇文章不讨论JavaScript面向对象的具体技术实现方式,比如:继承的实现方式,实例化的方法等。而是基于typescript来学习面向对象的程序设计思想。 Why typescript 因为身为前端,就应该使用typescript,并且语法上与Java比较接近,容易理解。可以套用绝大部分在Java中的最佳实践。 面向对象的设计思想,其应用不局限于具体的语言形式,只要是支持面向对象编程的语言,都能够使用面向对象的思想去设计程序。 三大特性 面向对象程序设计有三大特性,分别是封装、继承、多态。这三个特性都是抽象概念,依赖于具体的技术实现。 本文主要就是围绕三大特性,结合简单的例子来讲述面向对象编程。 封装 封装的概念大家都很熟悉,就是把相互关联的一些属性、方法等放到一起统一管理,再根据需求,决定对外部暴露哪些属性、方法。封装通常会使用到类(class)来实现,结合访问控制关键字来精确控制成员属性的可见性。 常用的访问控制关键字有:private、protected、public、static、readonly。在设计类的时候,应该尽可能的将可见性控制在最小的范围,没有必要暴露给外加的数据,就是用private。 在面向对象思想中,类与类之间依赖接口(Interface)进行交互。我们在使用一个对象的时候,无需关心这个对象是个什么东西,只要它提供(实现)了我们需要使用的接口,那么我们就能使用它。 思考一个场景:世界上的汽车种类数不胜数,不同的品牌、外观、性能、体积,我们只要学会了开车,无论是什么品牌、任何形状的汽车,都能开走,因为它有一套共同的结构——方向盘、刹车、油门。 如果我们把汽车抽象成一个类,那么提供给驾驶员操作的方法、属性就是汽车提供给驾驶员的接口,驾驶员只要知道如何使用这些接口就能把车开走,无论车是什么车。 我们可以简单写个代码 class Cayenne implements Drivable { startEngine(key: Key): boolean { console.log('启动引擎'); return true; } accelerate(force: number): void { console.log('踩油门,力度:' + force * 100 + '%'); } brake(force: number): void { console.log('踩刹车,力度:' + force * 100 + '%'); } turnTo(angle: number): void { console.log('转向:' + angle + '度'); } } interface Drivable { startEngine(key: Key): boolean; // 启动 accelerate(force: number): void; // 加速 brake(force: number): void; // 制动 turnTo(angle: number): void; // 转向 } class Driver { drive(car: Drivable) { if (car....