前言
设计模式是软件开发过程中总会涉及到一部分知识,是程序员必备的知识点。准备使用Type
Script边巩固typescript边学习设计模式。
某项技术的出现都有其出现的目的或者说是设计理念,学习时可以先问自己几个问题:
1、TypeScript 是什么?
2、TypeScript 是为了解决什么问题,有什么优势
3、设计模式是为了解决什么问题
TypeScript
- 是JavaScript的超集,是JavaScript语言的特性扩展
- 可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上
- 支持ES6标准
- TypeScript 能让应用易于维护、迭代,且稳定可靠
- 优势:静态类型的检测,可以避免一部分javascript的低级错误,使得更加可靠
TypeScript:Hello
配置TypeScript环境
//全局安装typescript环境
npm i -g typescript
// 安装完后可通过 查看版本号来检查是否安装成功
tsc -v
创建TypeScript项目
在项目文件中使用命令tsc --init
,快速创建一个 tsconfig.json 文件 或者手动创建
新建一个hello.ts文件
function say(name: string) {
console.log(name);
}
say('Hello, 南吕');
运行项目
1、通过 tsc(TypeScript Compiler) 命令将 .ts 文件转译为 .js 文件,但这种方式tsc 将忽略当前应用路径下的 tsconfig.json 配置,因此我们需要通过显式设定如下所示的参数,让 tsc 以严格模式检测并转译 TypeScript 代码
tsc hello.ts --strict --alwaysStrict false
2、另一种方式直接运行:(本质上是先自动进行转译,再运行)TypeScript 的 ts-node 命令行来编写代码
//支持使用ts-node直接运行 TypeScript 代码
npm i -g ts-node
ts-node hello.ts
出现问题:
1、执行ts-node命令时,出现Error: Cannot find module 'typescript' ,但是使用tsc -v时发现是已安装typescript 但是安装的版本是4.4.2
解决方法:卸载当前版本,重新安装 3.9.*的版本
设计模式
- 设计模式,类似设计的一种模版,一种设计经验
- 每个设计模式都有其名称,适用的场景,解决方案和达成的效果
- 用来提高代码可复用性、可维护性、可读性、稳健性以及安全性的解决方案。
总共有23种设计模式,现有的设计模式分类:
创建型模式
- 单例模式(Singleton)、工厂(方法)模式(Factory Method)、抽象工厂模式(Abstract Factory)、原型模式(Prototype)、建造者模式(Builder)
结构型模式
- 适配器模式(Adapter)、桥接模式(Bridge)、装饰者模式(Decorator)、组合模式、外观模式、享元模式、代理模式(Proxy)
行为型模式
- 模板方法模式、命令模式、访问者模式、迭代器模式、观察者模式、中介者模式、备忘录模式、解释器模式、状态模式、策略模式、责任链模式
参考资料
- https://loredanacirstea.github.io/es6-design-patterns/#builder
- https://github.com/FantZero/Design-Pattern
\