TypeScript|设计模式00

·  阅读 192

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

前言

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

    • 模板方法模式、命令模式、访问者模式、迭代器模式、观察者模式、中介者模式、备忘录模式、解释器模式、状态模式、策略模式、责任链模式

参考资料

\

分类:
后端
收藏成功!
已添加到「」, 点击更改