![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TS
文章平均质量分 54
youhebuke225
这个作者很懒,什么都没留下…
展开
-
TypeScript目录
安装 点击类型类型声明 点击常用类型 点击断言与别名 点击函数声明 点击配置编译范围配置 点击原创 2022-04-06 23:36:33 · 1138 阅读 · 0 评论 -
typeof与keyof
typeoftypeof我们可以查看一下dogType这个变量的类型你会发现这个变量的类型就是我们定义的dog的类型。原创 2022-07-19 09:23:46 · 1397 阅读 · 0 评论 -
TS之namespace与module
在TS1.5的版本后,推荐全面使用namespace来代替module在实际语法上namespace等同于module官网。原创 2022-07-18 08:52:00 · 3534 阅读 · 0 评论 -
TS之declare的简单使用
声明一个类型在include包含的文件范围内可以直接使用这个这样,我们可以在ts中引入相关的文件而不报错了对于引入第三方的库特别有效原创 2022-07-08 09:12:53 · 27371 阅读 · 2 评论 -
TS常用的声明
相关的一些声明我们可以看我们ts的安装目录一般在项目中他会在@type文件夹下有声明文件,如react的声明文件通过npm安装的一般在C:\Users\用户目录\AppData\Roaming\npmHTMLElementHTMLCollection点击........................原创 2022-06-07 08:50:33 · 502 阅读 · 0 评论 -
TS之泛型的使用
在指定函数或者类的时候,如果遇到类型不明确的话,就可以使用泛型(不先指定类型,使用的时候进行类型的转换)一般在声明的变量后面加一个尖括号来声明泛型定义函数指定一个泛型当我们进行类型转换后,编辑器就会有相应的提示当然我们也可以不指定泛型,ts会进行自动的类型转换fn(10)指定多个泛型function fn1<T,K>(a:T,b:K):K{ console.log(a); return b}fn1<number,string>(1.原创 2022-04-17 09:43:06 · 1704 阅读 · 0 评论 -
TS之接口的使用
接口用于描述一个类或者一个对象的结构,描述他们的属性和方法,所以接口可以当做一个类的声明interface对象定义我们使用interface来定义一个接口,定义的方法全部为抽象方法,必须重写interface myInterface{ name:string, age:number}interface myInterface{ sex:"male"|"female", // sayName:()=>void sayName():void}.原创 2022-04-16 11:38:00 · 2363 阅读 · 0 评论 -
TS之抽象类
例子abstract class Animal{ name:string; constructor(name:string){ this.name = name; } abstract sayName():void;}class Dog extends Animal{ age:number; constructor(name:string,age:number){ super(name); this.a原创 2022-04-15 13:45:00 · 745 阅读 · 0 评论 -
TS之类的继承与super
例子我们先写一个例子// 父类class Animal{ name:string; age: number; constructor(name:string,age:number){ this.name = name; this.age = age } sayName(){ console.log(this.name) }}// 子类class Dog extends Animal{ ru原创 2022-04-14 23:04:58 · 2558 阅读 · 0 评论 -
TS之类的构造函数
class Person{ constructor(public name:string,public age:number){ this.name = name this.age = age } sayName(){ console.log(this.name); }}const sunWuKong = new Person("孙悟空",18)sunWuKong.sayName() // 孙悟空概原创 2022-04-13 22:01:54 · 3176 阅读 · 0 评论 -
TS之类的属性和方法
声明我们用关键字class来声明一个类class Person{ ...}属性在TS中类的属性一共有三种,在属性面前添加相应的修饰符便可pubilc 公共属性,可以再任意位置访问和修改(实例属性,实例化之后访问)private 私有属性,只能在类的内部进行访问和修改(一般声明的时候我们会以_开头)protected 受保护的属性,只能在当前类和当前类的子类中进行访问class Person{ public name = "SunWuKong" private原创 2022-04-13 21:35:04 · 3593 阅读 · 0 评论 -
打包工具与TS相结合
环境搭建我们可以用webpack或者vite等打包工具进行环境的搭建,这里使用webpack来进行搭建,官网,博客安装我们可以通过官网的教程进行安装 点击,或者通过博客指导进行安装解析器安装npm install -D webpack-dev-server typescirpt ts-loader clearn-webpack-plugin html-webpack-pluginwebpack-dev-server webpack的开发服务器typescirpt ts编译器ts-loa原创 2022-04-12 20:00:00 · 351 阅读 · 0 评论 -
TS之编译配置
一般TS的编译配置都放在了compilerOptions中,官网,这里介绍几种常见的配置target官网,他所表示的是编译的js的版本他后面跟一个字符串,表示编译的js版本,esnext表示es的最新版{ "compilerOptions": { "target": "esnext" }}他可以跟以下的值lib编译的时候引入ES的功能库 官网module官网,编译使用的模块化的方式可选值有目录相关outDir指定编译后的文件所在的目录,官网.原创 2022-04-09 10:40:52 · 1073 阅读 · 0 评论 -
TS之自动编译和项目编译
文章目录自动编译文件编译项目配置编译范围include自动编译文件当编译文件的时候我们加上 -w 的参数,他就会监视当前的文件并自动编译tsc xxx.ts -w编译项目在项目下直接输入tsc命令,可以直接把项目下的所有的ts转义成js(在项目的根目录下有一个tsconfig.json的配置文件)在根目录下输入tsc --init可以直接生成配置文件配置当我们在项目的根目录下运行tsc --init后,他会直接生成tsconfig.json,里面默认会有一些编译的配置我们可进入原创 2022-04-06 09:22:48 · 1047 阅读 · 0 评论 -
TS之函数声明
一般函数的声明的时候,我们要声明参数与返回类型,菜鸟教程语法语法一function 函数名(参数一:类型,参数二:类型):返回类型{}语法二函数结构的类型声明,一般声明变量的时候使用函数名:(形参1:类型,形参2:类型) => 返回类型例子// 语法一function fn(param1:number,param2:string):string{ if (param1 === 1){ return param2 }else { .原创 2022-04-04 11:16:58 · 3569 阅读 · 0 评论 -
TS之断言与别名
断言断言一共有两种用法,一种是尖括号,另一种是用关键字as,断言有种强制类型转换的意思。需要注意的是,当你使用jsx语法的时候,只有as语法是允许的尖括号let someValue: any = "this is a string";let strLength: number = (<string>someValue).length;someValue = 12;let floatValue = (someValue as number).toFixed(2)as上面的断言原创 2022-04-04 09:30:32 · 836 阅读 · 0 评论 -
TS之常用类型
官网表格类型描述boolen布尔值number浮点数(ts里面的数字都是浮点数)number[]数组类型布尔值var isShow:boolen = false;数值型// 十进制let decLiteral: number = 6;// 十六进制let hexLiteral: number = 0xf00d;// 二级制let binaryLiteral: number = 0b1010;// 八进制let octalLitera.原创 2022-04-03 20:39:47 · 1207 阅读 · 0 评论 -
TS之类型声明
类型声明变量有两种方式来声明类型// 第一种方式let hello:string;// 第二种方式:直接赋值const world:string = "world";相应的类型声明后,当我们赋值给类型不相同的值给变量的时候,他会报错函数当函数声明的时候,参数和返回值的类型我们都需要进行声明function fn(num:number,str:string):string{ if(num === 1) return "hello"}隐式类型声明我们可以通过给变量直原创 2022-04-01 09:12:32 · 2924 阅读 · 0 评论 -
TypeScript安装
安装使用npm安装,这里是全局安装,当然你也可以把-g去掉进行局部安装npm install -g typescript当安装完成后运行命令 tsc -help或者 tsc -v来看是否安装成功使用使用的时候,我们一般使用如下命令tsc 文件名运行完当前的命令后,他就会在当前的文件夹下生成一个编译后的js文件ts文件我们写一个helloWorld.ts文件var msg:string;msg = "hello world"console.log(msg);js文件原创 2022-03-31 09:23:30 · 1465 阅读 · 0 评论