![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
TypeScript学习笔记
看教学视频写的随堂笔记
zwswood
这个作者很懒,什么都没留下…
展开
-
10 装饰器 方法装饰器 方法参数装饰器 装饰器的执行顺序
装饰器的执行顺序属性装饰器=>方法装饰器=>类装饰器如果有多个同类型的装饰器,先执行后面的function logClass1(params: string) { return function (target: any) { console.log('类装饰器1'); }}function logClass2(params: string) { return function (target: any) {原创 2021-05-12 09:55:38 · 120 阅读 · 0 评论 -
09 装饰器定义 类装饰器 属性装饰器 装饰器工厂
装饰器装饰器:装饰器是一种特殊类型的声明,它能够被附加到类声明,方法,属性或参数上,可以修改类的行为。通俗的讲装饰器就是一个方法,可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。常见的装饰器有:类装饰器、属性装饰器、方法装饰器、参数装饰器。装饰器的写法:普通装饰器(无法传参)、装饰器工厂(可传参)。装饰器是过去几年中js最大的成就之一,已是es7的标准特性之一 。类装饰器:类装饰器在类声明之前被声明(紧靠着类声明)。类装饰器运用于类构造函数,可以用来监视,修改或替换类定义。原创 2021-05-12 09:53:25 · 127 阅读 · 0 评论 -
03 Typescript 中的函数
函数的定义es5中函数的声明// 函数声明法function run(){ return 'run';}// 匿名函数var run2=function(){ ruturn 'run2';}ts中函数的声明// 函数声明法function run():string{ return 'zws';}// 匿名函数法let run1=function():string{ return 'zws';}// 调用run();run1();// 定义原创 2021-05-11 17:30:06 · 56 阅读 · 0 评论 -
02 Typescript 中的数据类型
TypeScript数据类型TypeScript中为了使编写的代码更规范,更有利于维护,增加了类型校验,在TypeScript中主要给我们提供了一下数据类型布尔类型(boolean)数字类型(number)字符串类型(string)数组类型(array)元组类型(tuple)枚举类型(enum)任意类型(any)null和undefinedvoid类型never类型布尔类型(boolean)let flag:boolean=true;flag=false;数字类型原创 2021-05-11 16:47:09 · 48 阅读 · 1 评论 -
01 TypeScript安装、开发工具
TypeScript介绍TypeScript 是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集,扩展了JavaScript的语法。TypeScript可以编译出纯净、 简洁的JavaScript代码,并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中。目前TypeScript 已在Nodejs 、Angualr、React、Vue这些框架中广泛应用。TypeScript是为大型应用之开发而设计,作为一原创 2021-05-11 16:01:37 · 88 阅读 · 0 评论 -
04 TypeScript中的类 类的定义 继承 类里面的修饰符
es5的类1.类的创建function Person() { // 2.构造函数里面声明属性及方法 this.name = '张三'; this.age = 20; // 实例方法 this.run = function () { console.log(this.name + '在运动'); }}2.原型链里面增加方法// 原型链上面的属性会被多个实例共享Person.prototype.sex = '男';//原创 2021-05-11 17:58:13 · 62 阅读 · 0 评论 -
04 Typescript中的类 类中的静态属性 静态方法 抽象类 多态
es5中的静态属性、静态方法// es5中的静态属性,静态方法function Person(){ this.run=function(){ }}Person.name='哈哈哈';// 静态属性Person.run1=function(){// 静态方法}ts中定义静态属性和静态方法class Person{ name:string; constructor(name:string) { this.name=name;原创 2021-05-11 18:54:03 · 941 阅读 · 1 评论 -
05 TypeScript中的泛型
泛型软件工程中,我们不仅要创建一致定义良好的API,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。在像c#和java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。通俗理解:泛型就是解决类、接口、方法的复用性、以及对不特定数据类型的支持。// 下面的方法只能返回string类型function getData(val: string): strin原创 2021-05-12 08:49:02 · 73 阅读 · 1 评论 -
06 TypeScript类型、接口、类、泛型综合使用----封装统一操作MySql、MongoDB、MsSql的底层类库
ts类型、接口、类、泛型综合使用----ts封装统一操作MySql、MongoDB、MsSql的底层类库功能:定义一个操作数数据库的类库 支持mysql、mssql、mongodb需求:mysql、mssql、mongodb功能一样,都有add、delete、update、get方法(CURD)注意:约束统一的规范、以及代码复用解决方案:需要约束规范所以要定义接口,需要代码重用所以用到泛型接口:在面向对象编程中,接口是一种规范的定义,它定义了行为和动作的规范泛型:通俗理解就是解决类、接口原创 2021-05-12 08:55:17 · 180 阅读 · 0 评论 -
08 命名空间 命名空间块化
命名空间命名空间:在代码量较大的情况下,为了避免各种变量名相冲突,可以将相似功能的函数、类、接口等放置到命名空间内。同Java的包、.net的命名空间一样,TypeScript的命名空间可以将代码包裹起来,只对外暴露需要在外部访问的对象。命名空间和模块的区别:命名空间:内部模块,主要用于组织代码,避免命名冲突模块:ts的外部模块的简称,侧重代码的复用,一个模块里可能会有多个命名空间。namespace A { interface Animal { name: str原创 2021-05-12 09:40:23 · 70 阅读 · 0 评论 -
07 TypeScript 模块 以及模块化封装DB库 封装类似Mongoose风格的类库
模块的概念模块的概念(官方): 关于术语的一点说明:务必注意一点,TypeScript 1.5里术语名已经发生了变化。“内部模块”现在称作“命名空间”。 “外部模块”现在则简称为“模块”,模块在起自身的作用域里执行,而不是在全局作用域里;这意味着定义在一个模块里的类、变量、函数、接口等在模块外部是不可见的,除非你明确地使用export形式之一导出他们。相反,如果想使用其他模块导出的类、变量、函数、接口等的时候,必须要使用import形式之一导入他们。模块的概念(自己理解) 我们可原创 2021-05-12 09:22:18 · 202 阅读 · 1 评论