![](https://img-blog.csdnimg.cn/20210622111330849.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
typeScript
ts学习笔记
A_bad_boy_hahaha
猜猜我是谁,哈哈哈
展开
-
四、typescript的interface和class
1、接口(interface)接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。定义接口的形式如下:interface inter_face_name{}...原创 2021-06-04 17:17:37 · 741 阅读 · 1 评论 -
六、ts的装饰器
装饰器装饰器的定义装饰器就是一个方法,可以注入到类、方法、属性参数上来扩展类、属性、方法的功能。常见的装饰器有:类装饰器、属性装饰器、方法装饰器、参数装饰器。装饰器的写法:普通装饰器(无法传参)、装饰器工厂(可传参)装饰器的使用a、类装饰器//定义装饰器function logClass(params:any){ console.log(params); // params就是当前类 params.prototype.api = 'api', params.prototy原创 2021-06-06 20:32:14 · 127 阅读 · 0 评论 -
五、typescript的泛型
泛型a、泛型的定义泛型就是解决类、接口、方法的复用性、以及对不特定数据类型的支持b、泛型函数//下面的声明方式只能返回string类型的数据/* function getData(val:string):string{ return val} *///我们想要同时返回string类型或者number类型/* // 可以使用any来解决,但是同时也表示放弃了类型检查function getData(val:any):any{ return val} */// 泛型原创 2021-06-06 19:14:43 · 74 阅读 · 0 评论 -
三、typescript运算符
typescript运算符算术运算符假设y = 5 进行以下运算运算符描述例子x的值y的值+加法x = y + 275-减法x = y - 235*乘法x = y * 2105/除法x = y / 22.55%求余x = y % 215++自增x = y++ / x = ++y5/66–自减x = y-- / --y5 / 44关系运算符假设x = 5 进行以下运算原创 2021-06-02 19:50:33 · 147 阅读 · 0 评论 -
二、typescript的基础数据类型
typescript的基础数据类型ts相对于js来说规范了变量声明是指定了类型格式:let/const 变量名 : 类型 = 值 (尽量避免使用var)1、number类型let num : number = 10// let num : number = 'hello world' //会报错2、string类型let str: string= 'hello world' 3、boolean类型let flag : boolean = true4、数组类型//表示该数原创 2021-06-02 19:15:35 · 114 阅读 · 0 评论 -
一、TypeScript的安装和运行
构建TypeScript运行环境首先得有node环境,没有安装NodeJs的可以看一下如何安装搭建node环境//全局安装typescriptnpm install typescript -g由于node和浏览器环境是不认识ts文件的,所以我们需要将ts文件编译成js文件//在终端中运行tsc demo.ts //会将demo.ts文件编译成demo.js文件node demo.js //运行demo.js文件我们可以安装ts-node包//安装ts-node包npm in原创 2021-06-02 18:20:04 · 165 阅读 · 0 评论