![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TypeScript
文章平均质量分 51
七月是我的生日
人生太苦,但你要甜!
展开
-
泛型重点学习
1.泛型是什么?泛型的关键目的是在成员之间提供有意义的约束,这些成员可以是:类的实例成员、类的方法、函数参数和函数返回值。‘// 举个例子// 定义一个 demo 函数,接受一个参数并且返回function demo(value){ return value;}console.log(demo(1)); //1console.log(demo('kjh')); //'kjh'// 接着我们对 demo 函数做适当的调整,以支持 TypeScript 的 Number 类型的参原创 2021-02-20 10:48:25 · 480 阅读 · 1 评论 -
TS 08 TS中的各类修饰器
TS装饰器装饰器:装饰器是一种特殊类型的声明,它能够被附加到类声明,方法,属性或参数上,可以修改类的行为。通俗的讲装饰器就是一一个方法, 可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。常见的装饰器有:类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法:普通装饰器(无法传参)、装饰器工厂 (可传参)装饰器是过去几年中js最大的成就之,已是Es7的标准特性之一1.1 类装饰器类装饰器:类装饰器在类声明之前被声明(紧靠着类声明)。类装饰器应用于类构造函数,可以用来监视,修改或原创 2020-07-30 19:41:32 · 820 阅读 · 0 评论 -
TS07 TS中的命名空间
TS命名空间1.命名空间概念命名空间:在代码量较大的情况下,为了避免各种变量命名相冲突,可将相似功能的函数、类、接口等放置到命名空间内同Java的包、.Net的命名空间一样,TypeScript的命 名空间可以将代码包裹起来,只对外暴露需要在外部访问的对象。命名空间内的对象通过export导出命名空间和模块的区别:命名空间:内部模块,主要用于组织代码,避免命名冲突。模块: ts的外部模块的简称,侧重代码的复用,一个模块里可能会有多个命名空间。2.命名空间代码演示/** * 使原创 2020-07-30 19:40:28 · 753 阅读 · 0 评论 -
TS06 TS中使用模块
TS中的模块1.1 模块的概念模块的的概念(官方) :关于术语的一点说明:请务必注意一点,TypeScript 1.5里术语名已经发生了变化。“内部模块”现在称做“命名空间”。“外部模块”现在则简称为“模块”模块在其自身的作用域里执行,而不是在全局作用域里;这意味着定义在一个模块里的变量 ,函数,类等等在模块外部是不可见的, 除非你明确地使用export形式之-导出它们。相反,如果想使用其它模块导出的变量,函数,类,接口等的时候,你必须要导入它们,可以使用import形式之。模块的概念(自己理原创 2020-07-30 19:39:57 · 565 阅读 · 0 评论 -
TS05 TS类型、接口、类、泛型综合使用-.TypeScript封装统一 操作Mysql Mongodb Mssq|l的底层类库
TypeScript类型、接口、类、泛型综合使用-.TypeScript封装统一 操作Mysql Mongodb Mssq|l的底层类库功能:定义一个操作数据库的库支持 Mysql Mssql MongoDb要求1: Mysql MsSql MongoDb功能一 样都有 add update delete get方法注意:约束统一的规范、以及代码重用解决方案:需要约束规范所以要定义接口, 需要代码重用所以用到泛型1、接口:在面向对象的编程中,接口是一 种规范的定义,它定义了行为和动作的规范2、泛原创 2020-07-29 19:59:06 · 494 阅读 · 0 评论 -
TS04 TS中的泛型、泛型类(重要)
TypeScript中的泛型1.1 泛型的定义泛型:软件工程中,我们不仅要创建一致的定义 良好的API,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,’ 个组件可以支持多 种类型的数据。 这样用户就可以以自己的数据类型来使用组件。I通俗理解:泛型就是解决类接口方法的复用性、以及对不特定数据类型的支持。1.2 泛型函数/** * 泛型的举例原创 2020-07-29 19:38:00 · 3088 阅读 · 0 评论 -
TS03 TS中的各类型接口(详解)
1.TS中的接口接口的作用:在面向对象的编程中,接口是种规范的定义, 它定义了行为和动作的规范, 在程序设计里面,接口起 到一种限制和规范的作用。接口定义了某-批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。typescrip中 的接口类似于java,同时还增加了更灵活的接口类型,包括属性、函数、可索引和类等。1.1 属性类接口1.1.1 一个入门小实例//TS定义一个函数fun原创 2020-07-28 19:13:29 · 4744 阅读 · 0 评论 -
TS02 TS中的类(详解)
TS中的类1.1 ES5中的类1.最简单的类function Person(){ this.name = 'kjh'; this.age= 20;}var newPerson = new Person();console.log(newPerson)2.构造函数和原型链里面增加方法function Person(){ this.name = 'kjh'; this.age= 20; this.sayHi = function(){原创 2020-07-28 19:12:52 · 342 阅读 · 0 评论 -
TS01 : TS变量类型详解TS函数
1.typescript概述什么是javascript?(运行环境 浏览器/ nodejs)JavaScript (缩写: JS)是-种运行在客户端(比如:浏览器)中的编程语言。当应用于浏览器时,为网站提供动态交互特性,让网页“动”起来。JavaScript的运行环境: 1浏览器2 Node.js.Node.js让JavaScript摆脱了浏览器的束缚,可以实现服务端/桌面端编程等。什么是typescript?TypeScript (简称: TS)是JavaScript的超集(JS 有原创 2020-07-27 18:08:38 · 5268 阅读 · 1 评论 -
TypeScript配置vscode自动编译ts文件为js文件
废话不多说,直接上步骤第一步:在你的文件目录下进入cmd命令行输入命令:tsc --init此时你的目录下会产生一个tsconfig.json文件。第二步:在vscode中打开文件夹打开tsconfig.json文件。看到一个outDir.将其修改为==“outDir”: “./js”, ==修改前:修改后:第三步:创建ts文件第四步:点击终端->运行任务选择typescript选择tsc监视ok,大功告成第五步:ctrl+s保存ts文件可以.原创 2020-07-27 16:57:21 · 3562 阅读 · 1 评论