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....

September 15, 2021 · 3 min · 459 words · Johnson

typescript开发工具库入门

写了这么久前端,一起来学习一下如何开发一个自己的工具库吧。我们可以将经常使用的一些业务逻辑封装成通用的函数库,并发布到 npm 上。 本文适合阅读对象为入门级前端工程师,需要具有一定的 typescript 基础,建议先学习typescript 选择 Typescript 是因为其具有完善的类型系统,编译后也能够自动生成声明文件(.d.ts 文件),为使用者提供类型提示,不用再去手写声明文件。同时静态的类型检查能降低代码的出错率,提高开发效率。 本文以一个简单的示例来学习一个 JavaScript 工具库的创建、开发、测试、发布的全生命周期。 相关技术 本文的示例中将使用到以下技术,如有不熟悉的需自行查阅相关文档 typescript rollup - 打包工具 创建项目 创建一个名为’natulu’的空目录,你也可以自己起个名字。然后打开终端进入目录下,执行npm init初始化 npm 包,一阵回车之后,得到一个自动创建的文件package.json { "name": "natulu", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } 先不管里面这里面的内容,接下来我们先组织一下目录结构 目录结构 一般情况都建议将核心的源码放到src目录下管理,我们采用常见的目录结构 natulu ├─ dist ├─ src │ └─ index.ts ├─ package.json ├─ rollup.config.js └─ tsconfig.json src 中存放核心的源码,dist 里面为编译打包后的产物,是直接提供给用户使用的代码。上面的目录中有两个文件,分别是 rollup 配置文件和 ts 配置文件,这两个文件会在后续的步骤中创建。...

August 17, 2020 · 3 min · 576 words · Johnson

sequelize-typescript-auto

从mysql数据库自动生成sequelize-typescript风格的models,最初用于nestjs项目,同时也适用与其它使用sequelize-typescript的项目。 项目地址:https://github.com/YES-Lee/sequelize-typescript-auto 使用 // 安装 npm install -g sequelize-typescript-auto // 使用 sequelize-typescript-auto -H localhost -d test -u root -x 123456 -p 3306 -f test_ -o ./_models 选项 使用: sequelize-typescript-auto [选项] 选项: -V, --version 版本 -H, --host <host> 数据库地址 -d, --database <database> 数据库名称 -u, --username <username> 用户名 -x, --password <password> 密码 -p, --port <port> 数据库端口,默认为3306 -o, --output <dir> model输出文件夹 -f, --prefix <prefix> 在文件名和model类名中过滤数据库前缀 -h, --help 显示帮助信息 Features 支持 mysql 命令行使用 编程方式使用 生成外间约束关系 检查文件哈希值 生成计数器 支持 SQL Server 支持 PostgreSQL

February 15, 2020 · 1 min · 78 words · Johnson

nestjs快速开发项目

整合了nestjs项目通用架构、常用功能集成的一个快速开发项目。 项目地址:https://github.com/YES-Lee/nest-seed-proj 集成功能 ORM: sequelize API: restful api, graphql 认证:passport 文档:swagger 安全:helmet 日志:nest-pino 功能不断完善,将来或提供可插拔的开发体验 快速开始 # 拉取代码 git clone https://github.com/YES-Lee/nest-seed-proj.git cd nest-seed-proj yarn install # or npm intall yarn start:dev # or npm run start:dev 项目结构 src ├─ config // 配置模块 ├─ database // 数据库模块 │ └─ models // 存放sequelize/graphql数据库模型 ├─ decorators // 自定义装饰器目录 ├─ dto // restful 接口模型目录 ├─ graphql // graphql 模块 ├─ enums // 枚举目录 ├─ filters // error filters ├─ interceptors // interceptors ├─ pipes // pipes └─ modules // 业务逻辑模块目录,所有业务相关逻辑都放到该目录对应的模块 接口格式 { error_code: number // 错误码,只在异常时返回 error_message: string // 错误信息,只在异常时返回 data: any timestamp: any // 时间戳 path: string // 请求路径 } dtc/support中提供了ApiResponse类,提供了success, error两个静态方法。...

February 15, 2020 · 2 min · 284 words · Johnson