TypeScript|设计模式00

前言

设计模式是软件开发过程中总会涉及到一部分知识，是程序员必备的知识点。准备使用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

\