
TypeScript 开发实战
文章平均质量分 66
TypeScript是JavaScript语言的一个超集,支持JavaScript中的所有语法和特性,并在此基础上添加了一些新的特性。
TypeScript与JavaScript最大的不同是它引入了静态类型检查机制,通过在编译时检查变量的类型,可以帮助程序员更快速地找出代码中潜在的错误。
qiao若huan喜
每天都往前一点点,总能走到终点。
展开
-
13_TypeScript 装饰器
装饰器:装饰器是一种特殊类型的声明,它能够附加到类声明、方法、属性或参数上,可以修改类的行为。通俗的讲装饰器就是一个方法,可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。常见的装饰器有:类装饰器、属性装饰器、方法装饰器、参数装饰器。装饰器的方法:普通装饰器(无法传参)、装饰器工厂(可传参)。装饰器是过去纪念中 js 最大的成就之一,也是 ES7 的标准特性之一。原创 2024-07-26 21:15:00 · 435 阅读 · 0 评论 -
12_TypeScript 模块 以及 模块化封装DB 库
相反,如果想使用其它模块导出的变量、函数、类、接口 等的时候,你必须要导入它们,可以使用 import 形式之一。同 java 的包,.net 的命名空间一样,TypeScript 的命名空间可以将代码包裹起来,只对外暴露需要在外部访问的对象,命名空间内的对象通过 export 关键字进行暴露,外部使用 import 引入使用。模块里面的变量、函数、类等默认是私有的,如果我们要在外部访问模块里面的数据(变量、函数、类),暴露后我们通过 import 引入模块就可以使用模块里面暴露的数据(变量、函数、类…原创 2024-07-25 20:45:00 · 1054 阅读 · 0 评论 -
11_TypeScript 类型、接口、类、泛型综合使用
要求1:Mysql 、Mongodb 、Mssql 功能一样,都有 add update delete get 方法。功能:定义一个操作数据库的库 支持 Mysql 、Mongodb 、Mssql。1、接口:在面向对象的编程中,接口是以一种规范的定义,它定义了行为和动作的规范。解决方案:需要约束规范所以要定义接口,需要代码重用所以用到泛型。2、泛型 通俗理解:泛型就是解决 类 接口 方法 的复用。注意:约束统一的规范、以及代码重用。原创 2024-07-24 21:00:00 · 488 阅读 · 0 评论 -
10_TypeScript中的泛型
*泛型:**软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性,组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。在像 C# 和 Java 这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。这样用户就可以已自己的数据类型来使用组件。泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持})// 把类作为参数来约束Db.add(u)动态的校验 MysqlDb 类。原创 2024-07-24 20:00:00 · 413 阅读 · 0 评论 -
09_TypeScript 中的接口
接口的作用:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计里面,接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,他只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。TypeScript 中的接口类似于 java ,同事还增加了更灵活的接口类型,包括属性、函数、可索引和类等。定义标准。原创 2024-07-17 21:49:29 · 463 阅读 · 0 评论 -
08_TypeScript 中的类(静态属性、静态方法、抽象类、继承多态)
run(){// 实例方法work(){//静态方法,里面没法直接调用类中的属性,只能调用static 修饰的静态属性Person.print()//调用静态方法,不需要实例化p.run()//调用实例方法,需要实例化eat(){//父类定义一个通用方法,具体吃什么不知道?让继承的子类去实现,每一个子类的表现不一样console.log("eat 的方法")eat() {console.log(this.name + '吃肉')eat() {原创 2024-07-16 19:15:00 · 465 阅读 · 0 评论 -
07_TypeScript 中的类(定义、继承、修饰符)
/ 定义属性,前面省略了 public 关键词// 构造函数,实例化类的时候触发的方法p.run()// 定义属性,前面省略了 public 关键词// 构造函数,实例化类的时候触发的方法。原创 2024-07-13 09:00:00 · 376 阅读 · 0 评论 -
06_TypeScript 中的函数
/ 函数声明// 匿名函数// 函数声明// 匿名函数return 100console.log(run2())// 调用方法返回值和参数都有类型//传参return `${//传参 function getInfo(name : string , age : number) : string {原创 2024-07-12 19:45:00 · 362 阅读 · 0 评论 -
05_TypeScript 中的数据类型
TypeScript 中为了使编写的代码更加规范,更有利于维护,增加了类型校验,在 TypeScript 中主要给我们提供了以下数据类型:布尔类型(boolean)数字类型(number)字符串类型(string)数组类型(array)元组类型(tuple)枚举类型(enum)任意类型(any)null 和undefinedvoid 类型never 类型。原创 2024-07-11 21:15:00 · 1331 阅读 · 0 评论 -
04_TypeScript 介绍、安装、开发工具
TypeScript 是由微软开发的一款开源的编程语言TypeScript 是JavaScript 的超集,遵循最新的 ES6、ES5 的规范。TypeScript 扩展了JavaScript 的语法TypeScript 更像后端 java 、C# 这样的面向对象语言,可以让 js 开发大型企业项目。谷歌也在大力支持 TypeScript 的推广,谷歌的 angular2.x+ 就是基于 TypeScript 语法。最新的 Vue 、React 也可以集成 TypeScript。原创 2024-07-11 20:00:00 · 581 阅读 · 0 评论 -
03 _ 类型基础(2):动态类型与静态类型
强类型语言:不允许程序在发生错误后继续执行。原创 2024-07-01 20:00:00 · 408 阅读 · 0 评论 -
02 _ 类型基础(1):强类型与弱类型
在强类型语言中,当一个对象从调用函数传递到被调用函数时,其类型必须要与被调用函数中声明的类型兼容通俗定义:强类型语言不允许改变变量的数据类型,除非进行强制类型转换。原创 2024-07-01 19:45:00 · 390 阅读 · 0 评论 -
01 _ 重塑“类型思维”
那么,什么是 TypeScript,根据官方的定义,它是拥有类型系统的 JavaScript 的超集,可以编译成纯 JavaScript。这里,你要注意三个要点:第一,类型检查:TypeScript 会在编译代码时进行严格的静态类型检查,这意味着你可以在编码阶段发现可能存在的隐患,而不必把它们带到线上。第二,语言扩展:TypeScript 会包括来自 ECMAScript 6 和未来提案中的特性,比如异步操作和装饰器;也会从其他语言借鉴某些特性,比如接口和抽象类。原创 2024-06-25 22:45:00 · 474 阅读 · 0 评论