浅谈TypeScript设计模式-基础篇(一)

时间:2021-1-18 作者:admin

希沃ENOW大前端

公司官网:CVTE(广州视源股份)

团队:CVTE旗下未来教育希沃软件平台中心enow团队

本文作者:

前言

设计模式的学习过程中往往有四个境界

  1. 没学过以前是一点也不懂,在特定的场景下想不到一种通用的设计方式,设计的代码比较糟糕。
  2. 学了几个模式以后很开心想着到处用自己学过的模式,于是会造成误用模式而不自知。
  3. 学了很多设计模式,感觉诸多模式极其相似,无法分清模式之间的差异,但深知误用有害,应用时有所犹豫。
  4. 灵活应用模式,甚至不应用具体的某种模式也能设计出非常优秀的代码,以达到无剑胜有剑的境界。

本系列将会和大家一起从了解面向对象开始,再深入到常用的设计模式,一起探索TypeScript配合设计模式在我们平时开发过程中的无限可能,设计出易维护、易扩展、易复用、灵活性好的程序。

什么是面向对象

面向对象可以说是一种编程风格,在代码的编写过程中更注重围绕对象而不是单个函数。
世界上有很多人和事物,每一个都可以看做一个对象,而每个对象都有自己的属性和行为,对象与对象之间通过方法来交互。面向对象是一种以“对象”为中心的编程思想,把要解决的问题分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个对象在整个解决问题的步骤中的属性和行为。

TypeScript面向对象基础

下面我们会用一些小例子和大家一起学习面向对象编程的一些概念。

第一步我们先简单搭建一个环境,让我们可以更好的调试我们的代码。

先新建一个文件夹作为我们练习的小仓库

全局安装 tsc 在该目录下运行 npm install tsc -g

在该文件夹下生成一个tsconfig.json文件,运行tsc --init

我们再新建两个文件夹分别为dist和src文件夹,用来存放ts源文件和编译后的js文件

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。